Style paddingBottom သုံးသပ်

အသုံးပြုနည်း နှင့် အပြုအမူ

paddingBottom အခြေခံ အရာ ကို အသုံးပြုပြီး အခြေခံ အကျယ်ဝန်းကျင် ကို ပြန်လည်ပေးပါ။

margin အခြေခံ အရာ နှင့် padding အခြေခံ အရာ အခြေခံ အရာ ကို အခြေအနေ ထဲသို့ ထည့်သွင်းပါ။ သို့သော်，margin သည် အဖက်အဖျား အခြေအနေ ထဲသို့ ထည့်သွင်းပြီး，padding သည် အခြေအနေ အဖက်အဖျား အတွင်း ထည့်သွင်းပါ။

အခြား ကြည့်ရန်:

CSS အော်လား:CSS အတွင်းပြင်

CSS ကိုယ်စားပြု ကျမ်းကတ္တား:padding-bottom အခြေခံ အရာ

HTML DOM ကိုယ်စားပြု ကျမ်းကတ္တား:padding အခြေခံ အရာ

အကျိုးသက်

အမှတ် 1 ပုံ

<div> အခြေခံ အကျယ်ဝန်းကျင် ကို အသုံးပြုပါ:

document.getElementById("myDiv").style.paddingBottom = "50px";

ကျွန်ုပ်ကိုယ် ကျင်းပပါ:

အမှတ် 2 ပုံ

<div> အခြေခံ အကျယ်ဝန်းကျင် ကို "normal" သို့ ပြန်လည်ပေးပါ:

document.getElementById("myDiv").style.paddingBottom = "0px";

ကျွန်ုပ်ကိုယ် ကျင်းပပါ:

အမှတ် 3 ပုံ

<div> အခြေခံ အကျယ်ဝန်းကျင် ကို ပြန်လည်ပေးပါ:

alert(document.getElementById("myDiv").style.paddingBottom);

ကျွန်ုပ်ကိုယ် ကျင်းပပါ:

အမှတ် 4 ပုံ

marginBottom နှင့် paddingBottom အကွာအပြား:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

ကျွန်ုပ်ကိုယ် ကျင်းပပါ:

အပြောအဆ

paddingBottom အခြေခံ အရာ ကို ပြန်လည်ပေးပါ:

object.style.paddingBottom

paddingBottom အခြေခံ အရာ ကို အသုံးပြုပါ:

object.style.paddingBottom = "%|length|initial|inherit"

အခြေခံ အရာ

အရာ ဖော်ပြ
% အဖွဲ့အစည်း အကျယ်ဝန်းကျင် ဗဟိုနေရာ ဗဟိုနေရာ ပုံစံ အမှုန် ဖြင့် အောက်ပိုင်း အကျယ်ဝန်းကျင် ကို အသုံးပြုပါ။
length အကျယ်ဝန်းကျင် ပုံစံ အမှုန် ဖြင့် အောက်ပိုင်း အကျယ်ဝန်းကျင် ကို အသုံးပြုပါ။
initial အမှုန် ကို အခြေခံ အခြေအနေ သို့ သတ်မှတ်ပါ။ ကျမ်းကတ္တားကို ကြည့်ပါ။ initial。
inherit အဖွဲ့အစည်း ပုံစံမှ အမှုန် သွင်းပြီး အခြေခံ အခြေအနေ ကို လက်ခံပါ။ ကျမ်းကတ္တားကို ကြည့်ပါ။ inherit。

နည်းပညာရှင် အချက်အလက်

မူးများစွာ: 0
အပြန်ရန်: ကွားယွင်း ကို အသုံးပြုသော အကျယ်ဝန်းကျင် ပုံစံ。
CSS ပုံစံ: CSS1

ဘာသာစကား အပေါ်လုံး

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့