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