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

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

ဝါကျဖွဲ့ပုံ

cssselector {
  margin-bottom: value;
}

နမူနာ

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

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

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

Результат:

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