CSS padding Property
ဥပမာ
<p> ဒြပ်စင်တစ်ခု၏ လေးဘက်စလုံးအတွက် အကွက်ကို 35 ပစ်ဇယ်အဖြစ် သတ်မှတ်ပါ-
p {
padding: 35px;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခု၏ padding သည် ၎င်း၏အကြောင်းအရာနှင့် ၎င်း၏ဘောင်ကြားရှိ နေရာလွတ်ဖြစ်သည်။
ပိုင်ဆိုင်မှုသည် အောက်ပါ padding
တို့အတွက် အတိုကောက်ပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်။
မှတ်ချက် ။
ဤပိုင်ဆိုင်မှုသည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ရှိနိုင်သည်။
padding ပိုင်ဆိုင်မှုတွင် တန်ဖိုးလေးခုရှိလျှင်-
- padding:10px 5px 15px 20px;
- အပေါ်ဆုံး padding သည် 10px ဖြစ်သည်။
- ညာဘက်အကွက်သည် 5px ဖြစ်သည်။
- အောက်ခြေ padding သည် 15px ဖြစ်သည်။
- ဘယ်ဘက်အကွက်သည် 20px ဖြစ်သည်။
padding ပိုင်ဆိုင်မှုတွင် တန်ဖိုးသုံးခုရှိလျှင်-
- padding:10px 5px 15px;
- အပေါ်ဆုံး padding သည် 10px ဖြစ်သည်။
- ညာဘက်နှင့် ဘယ်ဘက်အကွက်များသည် 5px ဖြစ်သည်။
- အောက်ခြေ padding သည် 15px ဖြစ်သည်။
padding ပိုင်ဆိုင်မှုတွင် တန်ဖိုးနှစ်ခုရှိလျှင်-
- padding:10px 5px;
- အပေါ်နှင့်အောက်ခြေ padding သည် 10px ဖြစ်သည်။
- ညာဘက်နှင့် ဘယ်ဘက်အကွက်များသည် 5px ဖြစ်သည်။
padding ပိုင်ဆိုင်မှုတွင် တန်ဖိုးတစ်ခုရှိလျှင်-
- padding:10px;
- padding လေးခုလုံးသည် 10px ဖြစ်သည်။
မှတ်ချက်- အနုတ်တန်ဖိုးများကို ခွင့်မပြုပါ။
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်ကဲ့၊ တစ်ဦးချင်းဂုဏ်သတ္တိများကိုကြည့်ပါ ။ ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.padding="100px 20px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
padding: length|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
length | Specifies the padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies the padding in percent of the width of the containing element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
<p> ဒြပ်စင်တစ်ခုအတွက် အကွက်ကို အပေါ်နှင့်အောက်အတွက် 35 pixels နှင့် ညာဘက်နှင့် ဘယ်ဘက်အတွက် 70 pixels သို့ သတ်မှတ်ပါ-
p {
padding: 35px 70px;
}
ဥပမာ
<p> ဒြပ်စင်အတွက် အကွက်ကို ထိပ်အတွက် 35 ပစ်ဇယ်၊ ညာဘက်နှင့် ဘယ်ဘက်အတွက် 70 ပစ်ဇယ်နှင့် အောက်ခြေအတွက် 50 ပစ်ဇယ်အဖြစ် သတ်မှတ်ပါ-
p {
padding: 35px 70px 50px;
}
ဥပမာ
<p> ဒြပ်စင်အတွက် အကွက်ကို ထိပ်အတွက် 35 ပစ်ဇယ်၊ ညာဘက်အတွက် 70 ပစ်ဇယ်၊ အောက်ခြေအတွက် 50 ပစ်ဇယ်နှင့် ဘယ်ဘက်အတွက် 90 ပစ်ဇယ်အထိ သတ်မှတ်ပါ-
p {
padding: 35px 70px 50px 90px;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Padding
CSS သင်ခန်းစာ- CSS Box မော်ဒယ်
HTML DOM ရည်ညွှန်းချက်- padding ပိုင်ဆိုင်မှု