padding-inline-start ဂုဏ်သတ္တိ

padding-inline-start ဂုဏ်သတ္တိသည် အရာဝတ္ထု၏ inline (အလျားလိုက်) axis ပေါ်ရှိ စတင်ပြင်ပအကွာအဝေးကို သတ်မှတ်ပေးပါသည်။

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

selector {
	padding-inline-start: size;
}

ဥပမာ

Child element တစ်ခုအတွက် inline axis ပေါ်ရှိ စတင်ပြင်ပအကွာအဝေးကို 20px အဖြစ် သတ်မှတ်ကြပါစို့။

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

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

ဥပမာ

ယခုတစ်ကြိမ်တွင်မူ Child element တစ်ခုအတွက် inline axis ပေါ်ရှိ စတင်ပြင်ပအကွာအဝေးကို 20% အဖြစ် သတ်မှတ်ကြပါစို့။

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

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

ဆက်လက်လေ့လာရန်

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