Ominaisuus padding-inline-end

Ominaisuus padding-inline-end asettaa elementin sisäisen lopputäytön rivitason (vaaka-akselin) suunnassa.

Syntaksi

valitsija {
	padding-inline-end: koko;
}

Esimerkki

Asetetaan lapsielementin sisäinen lopputäyttö rivitason suunnassa arvoon 20px:

<div>
	<p>teksti</p>
</div>

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

Esimerkki

Asetetaan nyt lapsielementin sisäinen lopputäyttö rivitason suunnassa arvoon 20%:

<div>
	<p>teksti</p>
</div>

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

Katso myös

ominaisuus padding-inline-start,
joka asettaa elementin sisäisen alkutäytön rivitason suunnassa
ominaisuus padding-block-end,
joka asettaa elementin sisäisen lopputäytön lohkotason suunnassa
ominaisuus padding-block-start,
joka asettaa elementin sisäisen alkutäytön lohkotason suunnassa
ominaisuus padding,
joka asettaa sisäisen täytön
ominaisuus margin-bottom,
joka asettaa ulkoisen alatäytön
ominaisuus margin-left,
joka asettaa ulkoisen vasemman täytön
ominaisuus margin-right,
joka asettaa ulkoisen oikean täytön
ominaisuus margin,
joka on lyhennys ulkoiselle täytölle