margin-bottom ဂုဏ်သတ္တိ

margin-bottom ဂုဏ်သတ္တိသည် အစိတ်အပိုင်း၏ အောက်ဘက် အပြင်ဘက် ခြားနားချက်ကို သတ်မှတ်ပေးသည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးများအဖြစ် မည်သည့် အရွယ်အစားအတွက် ယူနစ်များ သို့မဟုတ် သော့ချက် ဂုဏ်သတ္တိ auto ကို အသုံးပြုနိုင်ပြီး ၎င်းသည် ဘရောက်ဆာကို အစိတ်အပိုင်း၏ ခြားနားချက်ကို ကိုယ်တိုင် တွက်ချက်ခွင့်ပြုသည်။

ဝါကျဖွဲ့ပုံ

selector {
	margin-bottom: value;
}

နမူနာ

ဘလောက်တစ်ခုအား အောက်ဘက် အပြင်ဘက် ခြားနားချက် 50px သတ်မှတ်ပေးပါမည်။

<div id="parent">
	<div id="elem"></div>
</div>

#parent {
	border: 1px solid green;
	display: inline-block;
}
#elem {
	margin-bottom: 50px;
	border: 1px solid red;
	width: 100px;
	height: 100px;
}

ဤအရာကိုလည်း ကြည့်ပါ

margin-top ဂုဏ်သတ္တိ,
အပေါ်ဘက် အပြင်ဘက် ခြားနားချက်ကို သတ်မှတ်ပေးသည်
margin-left ဂုဏ်သတ္တိ,
ဘယ်ဘက် အပြင်ဘက် ခြားနားချက်ကို သတ်မှတ်ပေးသည်
margin-right ဂုဏ်သတ္တိ,
ညာဘက် အပြင်ဘက် ခြားနားချက်ကို သတ်မှတ်ပေးသည်
margin ဂုဏ်သတ္တိ,
အပြင်ဘက် ခြားနားချက်အတွက် အတိုကောက် ဖြစ်သည်
padding ဂုဏ်သတ္တိ,
အတွင်းဘက် ခြားနားချက်ကို သတ်မှတ်ပေးသည်