CSS Margin ကို ခေါက်သိမ်းပါ။
တစ်ခါတစ်ရံ အနားသတ်နှစ်ခုသည် တစ်ခုတည်းသောအနားသတ်အဖြစ်သို့ ပြိုကျသွားသည်။
အနားသတ်ကို ခေါက်သိမ်းပါ။
ဒြပ်စင်များ၏ အပေါ်နှင့်အောက်ခြေအနားသတ်များကို တစ်ခါတစ်ရံတွင် အနားသတ်နှစ်ခု၏ အကြီးဆုံးနှင့်ညီမျှသော တစ်ခုတည်းသောအနားသတ်အဖြစ်သို့ ပြိုကျသွားသည်။
၎င်းသည် ဘယ်နှင့်ညာ အနားသတ်များတွင် မဖြစ်ပေါ်ပါ။ အပေါ်နှင့်အောက်ခြေအနားသတ်များသာ။
အောက်ပါဥပမာကိုကြည့်ပါ-
ဥပမာ
အနားသတ် ပြိုကျခြင်းကို သရုပ်ပြခြင်း-
h1 {
margin: 0 0 50px 0;
}
h2 {
margin: 20px 0 0 0;
}
အထက်နမူနာတွင်၊ <h1> ဒြပ်စင်တွင် အောက်ခြေအနားသတ် 50px ရှိပြီး <h2> ဒြပ်စင်တွင် ထိပ်တန်းအနားသတ်ကို 20px သတ်မှတ်ထားသည်။
<h1> နှင့် <h2> အကြား ဒေါင်လိုက်အနားသတ်သည် စုစုပေါင်း 70px (50px + 20px) ဖြစ်မည်ဟု သာမာန်သဘောရှိပုံရသည်။ သို့သော် margin ပြိုကျမှုကြောင့်၊ အမှန်တကယ် margin သည် 50px ဖြစ်လာသည်။
CSS Margin Properties အားလုံး
Property | Description |
---|---|
margin | A shorthand property for setting the margin properties in one declaration |
margin-bottom | Sets the bottom margin of an element |
margin-left | Sets the left margin of an element |
margin-right | Sets the right margin of an element |
margin-top | Sets the top margin of an element |