padding-inline-end aýratynlygy

padding-inline-end aýratynlygy elementiň gapdal (horizontal) oky boýunça iň soňky içerki aralygyny kesgitleýär.

Sintaksis

selektor {
	padding-inline-end: ölçegi;
}

Mysal

Geliň gapdal oky boýunça çaga element üçin iň soňky içerki aralygy 20px edeliň:

<div>
	<p>tekst</p>
</div>

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

Mysal

Indi bolsa, gapdal oky boýunça çaga element üçin iň soňky içerki aralygy 20% edeliň:

<div>
	<p>tekst</p>
</div>

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

Şeýle-de garaň

gapdal oky boýunça elementiň başlangyç içerki aralygyny kesgitleýän padding-inline-start aýratynlygy,
blok oky boýunça elementiň iň soňky içerki aralygyny kesgitleýän padding-block-end aýratynlygy,
blok oky boýunça elementiň başlangyç içerki aralygyny kesgitleýän padding-block-start aýratynlygy,
içerki aralygy kesgitleýän padding aýratynlygy,
aşaky daşky aralygy kesgitleýän margin-bottom aýratynlygy,
çep daşky aralygy kesgitleýän margin-left aýratynlygy,
sag daşky aralygy kesgitleýän margin-right aýratynlygy,
daşky aralyk üçin gysgaça ýazylýan margin aýratynlygy,