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

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

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

selector {
	padding-inline-end: size;
}

နမူနာ

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

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

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-inline-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-inline-end: 20%;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

ဤအကြောင်းကိုလည်း ကြည့်ပါ

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