Style marginLeft အကိုးအချုပ်

အဆိုပါ အရာ၏ ဒီဇိုင်း နှင့် အသုံးပြုပုံ

marginLeft အရာ၏ ဘယ်ဘက် အပြင်ဘက် ကို သတ်မှတ်သို့မဟုတ် ပြန်လည်ပေးသည်。

margin အရာ နှင့် padding အရာ အရာ ထဲမှ အကြား အမြစ် ထည် ထိုးသည်။ သို့သော် အခြား ကွဲပြားမှု မှာ margin အရာ ကာကွယ်အိတ် ထဲမှ အကြား အမြစ် ထည် ထိုးသည် ဖြစ်၍ padding အရာ ကာကွယ်အိတ် အတွင်း အကြား အမြစ် ထည် ထိုးသည်။

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

CSS ဖော်ပြCSS အချွတ်အဝက်

CSS ဆိုင်ရာ ကိုယ်တုပ်margin-left အရာ

HTML DOM ဆိုင်ရာ ကိုယ်တုပ်margin အရာ

အမှတ် 1

div အရာ၏ ဘယ်ဘက် အပြင်ဘက် ကို သတ်မှတ်ပါ:

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

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

အမှတ် 2

div အရာ၏ ဘယ်ဘက် အပြင်ဘက် ပြန်လည် "normal" အထိ ပြင်ဆင်ပါ:

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

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

အမှတ် 3

div အရာ၏ ဘယ်ဘက် အပြင်ဘက် ပြန်လည်ပေးသည်:

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

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

အမှတ် 4

marginLeft နှင့် paddingLeft အကြား ကွဲပြားမှု:

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

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

အဘက်အရာ

marginLeft အရာ၏ အစိတ်အပိုင်း ပြန်လည်ပေးသည်:

object.style.marginLeft

marginLeft အရာ၏ အစိတ်အပိုင်း ကို သတ်မှတ်ပါ:

object.style.marginLeft = "%|length|auto|inherit"

အရာ၏ အမှတ်

အမှတ် ဖော်ပြ
% အဖိုင်အချက် အကျယ်အဝန်း ဖြင့် ဘယ်ဘက် အပြင်ဘက် ကို အမှတ်ပြုထားသည်。
length အကျယ်အဝန်း အစိတ်အပိုင်း ဖြင့် ဘယ်ဘက် အပြင်ဘက် ကို အမှတ်ပြုထားသည်。
auto ဘာသာစကား ကူညီ အစိတ်အပိုင်း
initial အဆိုပါ အရာ၏ မူးမြောက် အကျုံး ကို သတ်မှတ်ပါ။ ကျမ်းကို ကြည့်ပါ: initial。
inherit အသုံးပြုသော အဖိုင်အချက် မှ အဆိုပါ အရာ၏ အခြေခံ အကျုံး ကို ကူညီပေးသည်။ ကျမ်းကို ကြည့်ပါ: inherit。

နည်းပါး အချက်

မူးမြောက် အမှတ်: 0
ပြန်လည်ပေးသော အမှတ်: ကုဒ်များ တခုခု ဖြင့် အဆိုပါ အရာ၏ ဘယ်ဘက် အပြင်ဘက် မျက်နှာချိုး ကို အမှတ်ပြုထားသည်。
CSS ပုံစံ: CSS1

ဘာသာစကား ကူညီ

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