စက်တင်margin-block အချက်

အရှေ့အပိုင်း margin
နောက်အပိုင်း margin-block-end

အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း

ဘေးလွန်းတိုင်း အခြေအနေ အရာအထူး အစိတ်ပိုင်း အစွဲပေးသည်၊ အစိတ်ပိုင်း အရာအထူး အစားအပြုခြင်းများမှာကြောင်း:

margin-block-start
margin-block-end

ဘေးလွန်းတိုင်း အခြေအနေ အရာအထူး၏ ပြင်းအား အမျိုးမျိုးစွာ အစီအစဥ်ထားနိုင်သည်:

အကျယ်အဝန်း margin-block အရာအထူး နှစ်ခု ရှိသော်：

margin-block: 10px 50px;

အစောပ်အထိပ်၏ အကျယ်အဝန်း 10ပမာဏ
the end edge margin is 50px

if margin-block property has a value:

margin-block: 10px;

both the start and end edges of the margin are 10px

CSS ဘေးလွန်းတိုင်း အခြေအနေ and margin-inline properties with CSS margin-top,margin-bottom,margin-left and margin-right အခြေအနေ margin-inline အခြေအနေ

မှတ်ချက်ကူးပြောင်း writing-mode ကိုယ်စားပြု ဘေးလွန်းတိုင်း အခြေအနေ margin-block

အကျိုးသက်ရှိ

အကြောင်းကြား ၁

ဘေးလွန်းတိုင်း ဘေးအနေ အကွက်များ ကို သတ်မှတ်ပါ

div {
  margin-block: 35px;
}

ကျွန်တော်ကိုယ်တိုင် စစ်ဆေးပါ

အကြောင်းကြား ၂

when <div> အခြေအနေ writing-mode အခြေအနေတွင် vertical-rl ပုံစံ ကို သုံးပြီး ဘေးလွန်းတိုင်း အစိတ်အပိုင်း မှ အရှေ့ဘေး သို့ ပြောင်းလဲသည်။ writing-mode အခြေအနေကို ပြင်ဆင်ပြီး margin-block အကွက် အကျိုးသက်ရှိသည်

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block: 10px 50px;
}

ကျွန်တော်ကိုယ်တိုင် စစ်ဆေးပါ

စကေးသည်း

margin-block: auto|length|initial|inherit;

အရာများ

အရာ	ဖော်ပြ
auto	ပုံစံ
length	px, pt, cm စသည် ဖြင့် အကွက် margin-block ကို သုံးပြီး စက္ကူးမှုများ ခွင့်ပြုပါ ကိုကူးသိမ်းမှုCSS ပြက္ခဒိန်。
%	ပုံစံ
ပုံစံ	အခြေခံ ပုံစံ ပုံစံ。
ကူးပြောင်း	ကိုယ်စားပြု ကူးပြောင်း。

နည်းပါးသုံးနည်း

ပုံစံ	auto
ကူးပြောင်း	နည်းလမ်း
အယူအယျင် ဖန်တီး	ကိုကူးသိမ်းမှုအယူအယျင် သတ်မှတ်ခြင်း。
ကန့်ကွက်	စကေးသည်း ၃
ဂျေဟာမီး အက္ခရာ	object.style.marginBlock="50px 20px"