padding-block-end ဂုဏ်သတ္တိ

padding-block-end ဂုဏ်သတ္တိသည် ဘလောက် (ဒေါင်လိုက်) ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အဆုံး အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့စည်းပုံ

selector {
	padding-block-end: size;
}

နမူနာ

ကလေးအစိတ်အပိုင်းအတွက် ဘလောက်ဝင်ရိုးတစ်လျှောက် အဆုံး အတွင်းပိုင်း အကွာအဝေးကို 20px အဖြစ် သတ်မှတ်ကြပါစို့။

<div>
	<p>စာသား</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-block-end: 20px;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

နမူနာ

ယခု ကလေးအစိတ်အပိုင်းအတွက် ဘလောက်ဝင်ရိုးတစ်လျှောက် အဆုံး အတွင်းပိုင်း အကွာအဝေးကို 20% အဖြစ် သတ်မှတ်ကြပါစို့။

<div>
	<p>စာသား</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-block-end: 20%;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

ဤအကြောင်း ဆက်လက်ဖတ်ရှုရန်

padding-block-start ဂုဏ်သတ္တိ၊
ဘလောက် ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အစ အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
padding-inline-end ဂုဏ်သတ္တိ၊
inline ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အဆုံး အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
padding-inline-start ဂုဏ်သတ္တိ၊
inline ဝင်ရိုးတစ်လျှောက် အစိတ်အပိုင်း၏ အစ အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
padding ဂုဏ်သတ္တိ၊
အတွင်းပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
margin-bottom ဂုဏ်သတ္တိ၊
အောက်ဖက်မှ အပြင်ပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
margin-left ဂုဏ်သတ္တိ၊
ဘယ်ဖက်မှ အပြင်ပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
margin-right ဂုဏ်သတ္တိ၊
ညာဖက်မှ အပြင်ပိုင်း အကွာအဝေးကို သတ်မှတ်ပေးသည်
margin ဂုဏ်သတ္တိ၊
အပြင်ပိုင်း အကွာအဝေးအတွက် အတိုကောက်ဖြစ်သည်