CSS padding-bottom Property
ဥပမာ
<p> ဒြပ်စင်အတွက် အောက်ခြေအကွက်ကို 25 ပစ်ဇယ်အဖြစ် သတ်မှတ်ပါ-
p.ex1 {
padding-bottom: 25px;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခု၏ padding သည် ၎င်း၏အကြောင်းအရာနှင့် ၎င်း၏ဘောင်ကြားရှိ နေရာလွတ်ဖြစ်သည်။
ပိုင်ဆိုင်မှု သည် padding-bottom
ဒြပ်စင်တစ်ခု၏ အောက်ခြေ padding (space) ကို သတ်မှတ်ပေးသည်။
မှတ်ချက်- အနုတ်တန်ဖိုးများကို ခွင့်မပြုပါ။
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.paddingBottom="50px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
padding-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
padding-bottom: length|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
length | Specifies a fixed bottom padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies a bottom 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> ဒြပ်စင်တစ်ခုအတွက် အောက်ခြေအကွက်ကို ပါဝင်သောဒြပ်စင်၏ အကျယ်၏ 10% သို့ သတ်မှတ်ပါ-
p.ex1 {
padding-bottom: 10%;
}
ဥပမာ
<p> ဒြပ်စင်အတွက် အောက်ခြေအကွက်ကို 2 em အဖြစ် သတ်မှတ်ပါ-
p.ex1 {
padding-bottom: 2em;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Padding
HTML DOM ရည်ညွှန်းချက်- paddingBottom ပိုင်ဆိုင်မှု