CSS အနားသတ်-အောက်ခြေ ပိုင်ဆိုင်မှု
ဥပမာ
<p> ဒြပ်စင်အတွက် အောက်ခြေအနားသတ်ကို 25 ပစ်ဇယ်အဖြစ် သတ်မှတ်ပါ-
p.ex1 {
margin-bottom: 25px;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် margin-bottom
ဒြပ်စင်တစ်ခု၏ အောက်ခြေအနားသတ်ကို သတ်မှတ်ပေးသည်။
မှတ်ချက်- အနုတ်တန်ဖိုးများကို ခွင့်ပြုထားသည်။
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်ကဲ့၊ တစ်ဦးချင်းဂုဏ်သတ္တိများကိုကြည့်ပါ ။ ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.marginBottom="100px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
margin-bottom | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
margin-bottom: length|auto|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
length | Specifies a fixed bottom margin in px, cm, em, etc. Default value is 0. Negative values are allowed. Read about length units | |
% | Specifies a bottom margin in percent of the width of the containing element | |
auto | The browser calculates a bottom margin | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
အနားသတ်ကို ခေါက်သိမ်းပါ။
ဒြပ်စင်များ၏ အပေါ်နှင့်အောက်ခြေအနားသတ်များကို တစ်ခါတစ်ရံတွင် အနားသတ်နှစ်ခု၏ အကြီးဆုံးနှင့်ညီမျှသော တစ်ခုတည်းသောအနားသတ်အဖြစ်သို့ ပြိုကျသွားသည်။
၎င်းသည် အလျားလိုက် (ဘယ်နှင့်ညာ) အနားသတ်များတွင် မဖြစ်ပေါ်ပါ။ ဒေါင်လိုက် (အပေါ်နှင့်အောက်ခြေ) အနားသတ်များသာ။
အောက်ပါဥပမာကိုကြည့်ပါ-
ဥပမာ
p.a {
margin: 30px 0;
}
p.b {
margin: 20px 0;
}
အထက်နမူနာတွင်၊ <p class="a">ဒြပ်စင်တွင် 30px ၏ အပေါ်နှင့် အောက်အနားသတ် ရှိသည်။ <p class="b">ဒြပ်စင်တွင် အပေါ်နှင့်အောက်ခြေအနားသတ် 20px ရှိသည်။
ဆိုလိုသည်မှာ <p class="a"> နှင့် <p class="b"> အကြား ဒေါင်လိုက်အနားသတ်သည် 50px (30px + 20px) ဖြစ်သင့်သည်။ သို့သော် အနားသတ်ပြိုကျမှုကြောင့်၊ အမှန်တကယ်အနားသတ်သည် 30px ဖြစ်လာသည်။
နောက်ထပ် ဥပမာများ
ဥပမာ
<p> ဒြပ်စင်တစ်ခုအတွက် အောက်ခြေအနားသတ်ကို ကွန်တိန်နာ၏အကျယ်၏ 10% သို့ သတ်မှတ်ပါ-
p.ex1 {
margin-bottom: 10%;
}
ဥပမာ
<p> ဒြပ်စင်တစ်ခုအတွက် အောက်ခြေအနားသတ်ကို 2 em သို့ သတ်မှတ်ပါ-
p.ex1 {
margin-bottom: 2em;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Margin
HTML DOM ရည်ညွှန်းချက်- marginBottom ပိုင်ဆိုင်မှု