ပုံစံ paddingTop Property
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အပေါ်ဆုံးအကွက်ကို သတ်မှတ်ပါ-
document.getElementById("myDiv").style.paddingTop = "50px";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
paddingTop ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ အပေါ်ဆုံးအကွက်ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
padding ဂုဏ်သတ္တိများသည် ဒြပ်စင်နယ်နိမိတ်နှင့် ဒြပ်စင်အကြောင်းအရာကြားရှိ space ကို သတ်မှတ်သည်။
အနားသတ်ပိုင်ဆိုင်မှုနှင့် padding ပိုင်ဆိုင်မှုနှစ်ခုစလုံးသည် ဒြပ်စင်တစ်ဝိုက်တွင် နေရာလွတ်ကို ထည့်သွင်းသည်။ သို့သော် ခြားနားချက်မှာ အနားသတ်သည် နယ်နိမိတ်တစ်ဝိုက်တွင် နေရာလွတ်ကို ထည့်သွင်းစေပြီး၊ padding သည် ဒြပ်စင်တစ်ခု၏ နယ်နိမိတ်အတွင်း နေရာလပ်ကို ထည့်သွင်းပေးခြင်းဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
အထားအသို
paddingTop ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.paddingTop
paddingTop ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.paddingTop = "%|length|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top 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 |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ အပေါ်ဆုံးအကွက်ကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS1 |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အပေါ်ဆုံးအကွက်ကို "ပုံမှန်" သို့ ပြန်ပြောင်းပါ-
document.getElementById("myDiv").style.paddingTop = "0px";
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အပေါ်ဆုံးအကွက်ကို ပြန်ပေးပါ။
alert(document.getElementById("myDiv").style.paddingTop);
ဥပမာ
marginTop နှင့် paddingTop အကြား ကွာခြားချက်-
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Padding
CSS ရည်ညွှန်းချက်- အကွက်ထိပ် ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- padding ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု