margin-right ဂုဏ်သတ္တိ
margin-right ဂုဏ်သတ္တိသည် အစိတ်အပိုင်း၏ ညာဘက်အပြင်ဘက် အကွာအဝေးကို သတ်မှတ်ပေးသည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးအဖြစ် အရွယ်အစားများအတွက် ယူနစ် များ သို့မဟုတ် အစိတ်အပိုင်း၏ အကွာအဝေးကို ဘရောက်ဇာကိုယ်တိုင် တွက်ချက်ခွင့်ပြုပေးသည့် သော့ချက် ဂုဏ်သတ္တိ auto ကို အသုံးပြုနိုင်သည်။
ဖွဲ့စည်းပုံ
ဆယ်လက်တာ {
margin-right: တန်ဖိုး;
}
နမူနာ
ဘလောက်တစ်ခုအတွက် ညာဘက်အပြင်ဘက် အကွာအဝေးကို 50px အဖြစ် သတ်မှတ်ကြပါစို့။
<div id="parent">
<div id="elem"></div>
</div>
#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ဂုဏ်သတ္တိ