Style paddingTop သတင်း

ဒီ ကို ဖော်ပြခြင်း နှင့် အသုံးပြုခြင်း

paddingTop 属性设置或返回元素的上内边距。

内边距属性定义元素边框和元素内容之间的空间。

margin 属性 和 padding အရာ 都在元素周围插入空间。但是，不同之处在于，margin 在边框周围插入空间，而 padding 在元素的边框内插入空间。

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

CSS ပြည့်ပြည့်:CSS အတွင်းဘက်

CSS ကိုယ်စားပြုချက်:padding-top အရာ

HTML DOM ကိုယ်စားပြုချက်:padding အရာ

အကျိုးဆက်

အမှတ် 1 ပုံ

<div> အရာအား paddingTop အရာကို သတ်မှတ်ပါ။

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

ကိုယ်တိုင် စစ်ဆေးပါ။

အမှတ် 2 ပုံ

<div> အရာအား paddingTop အရာကို "normal" ပြန်လည်ပြင်ဆင်ပါ။

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

ကိုယ်တိုင် စစ်ဆေးပါ။

အမှတ် 3 ပုံ

ပြန်ဆို <div> အရာအား အပြင်ဘက် အကွာအဝက်:

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

ကိုယ်တိုင် စစ်ဆေးပါ။

အမှတ် 4 ပုံ

marginTop နှင့် paddingTop အကွာအဝက်

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

ကိုယ်တိုင် စစ်ဆေးပါ။

အပြောအဆ

paddingTop အရာအား ပြန်ဆိုပါ။

object.style.paddingTop

paddingTop အရာအား သတ်မှတ်ပါ။

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

အရာအား သုံးစွဲခြင်း

အတ္ထုပတ္တိ ဖော်ပြ
% အဖွဲ့အစည်းအဖြစ် အကွာအဝက်အရာကို သုံးစွဲပါ။
length အကွာအဝက်အရာအား အကွာအဝက်အရာပုံစံဖြင့် သုံးစွဲပါ။
initial ထိုအရာကို မူးယစ်ဆိုချက်အချက်အလက်ထိုအချက်အလက်ထိုကို သုံးစွဲပါ။ ကျမ်းကို ကြည့်လိပ်။ initial။
inherit အဖွဲ့အစည်းအဖြစ် ဖြစ်ပေါ်လာသော အကိုယ်စားပြုထားသော အရာအား ထိုအရာကို သုံးစွဲပါ။ ကျမ်းကို ကြည့်လိပ်။ inherit။

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

မူးယစ်ဆိုချက်: 0
အပြန်ဆိုချက်: သောက်သုံးခြင်းကို ကိုယ်စားပြုထားသော စကားလုံးအရာများ။
CSS ပုံစံ: CSS1

ဘွတ်ချက်ဆိုင်ရာ

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