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

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

ဖွဲ့စည်းပုံ

cssဆယ်လက်တာ {
  margin-right: တန်ဖိုး;
}

နမူနာ

ဘလောက်တစ်ခုအတွက် ညာဘက်အပြင်ဘက် အကွာအဝေးကို 50px အဖြစ် သတ်မှတ်ကြပါစို့။

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-right: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

ထပ်မံကြည့်ရှုရန်

  • အထက်ပိုင်း အပြင်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည့် margin-top ဂုဏ်သတ္တိ၊
  • အောက်ပိုင်း အပြင်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည့် margin-bottom ဂုဏ်သတ္တိ၊
  • ဘယ်ဘက် အပြင်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည့် margin-left ဂုဏ်သတ္တိ၊
  • အပြင်ဘက် အကွာအဝေးအတွက် အတိုကောက်ဖြစ်သည့် margin ဂုဏ်သတ္တိ၊
  • အတွင်းဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည့် padding ဂုဏ်သတ္တိ