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