ပုံစံ paddingBottom Property
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အောက်ခြေအကွက်ကို သတ်မှတ်ပါ-
document.getElementById("myDiv").style.paddingBottom = "50px";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
paddingBottom ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏အောက်ခြေ padding ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
အနားသတ်ပိုင်ဆိုင်မှုနှင့် padding ပိုင်ဆိုင်မှုနှစ်ခုစလုံးသည် ဒြပ်စင်တစ်ဝိုက်တွင် နေရာလွတ်ကို ထည့်သွင်းသည်။ သို့သော် ခြားနားချက်မှာ အနားသတ်သည် နယ်နိမိတ်တစ်ဝိုက်တွင် နေရာလွတ်ကို ထည့်သွင်းစေပြီး၊ padding သည် ဒြပ်စင်တစ်ခု၏ နယ်နိမိတ်အတွင်း နေရာလပ်ကို ထည့်သွင်းပေးခြင်းဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
paddingBottom | Yes | Yes | Yes | Yes | Yes |
အထားအသို
padding အောက်ခြေပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.paddingBottom
padding အောက်ခြေပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.paddingBottom = "%|length|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
% | Defines the bottom padding in % of the width of the parent element |
length | Defines the bottom padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
ပြန်ပို့တန်ဖိုး- | Element တစ်ခု၏ အောက်ခြေအကွက်ကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS1 |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏အောက်ခြေအကွက်ကို "ပုံမှန်" သို့ ပြန်ပြောင်းပါ-
document.getElementById("myDiv").style.paddingBottom = "0px";
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အောက်ခြေအကွက်ကို ပြန်ပေးပါ။
alert(document.getElementById("myDiv").style.paddingBottom);
ဥပမာ
marginBottom နှင့် paddingBottom ကွာခြားချက်-
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Padding
CSS ရည်ညွှန်းချက်- padding-bottom ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- padding ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု