Ominaisuus padding-inline-start

Ominaisuus padding-inline-start määrittää elementin sisäisen alkuvarauksen rivitason (vaaka-akselin) suunnassa.

Syntaksi

valitsija {
	padding-inline-start: koko;
}

Esimerkki

Asetetaan lapsielementin sisäinen alkuvaraus rivitason suunnassa arvoon 20px:

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

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

Esimerkki

Asetetaan nyt lapsielementin sisäinen alkuvaraus rivitason suunnassa arvoon 20%:

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

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

Katso myös

ominaisuus padding-inline-end,
joka määrittää elementin sisäisen loppuvarauksen rivitason suunnassa
ominaisuus padding-block-end,
joka määrittää elementin sisäisen loppuvarauksen lohkotason suunnassa
ominaisuus padding-block-start,
joka määrittää elementin sisäisen alkuvarauksen lohkotason suunnassa
ominaisuus padding,
joka määrittää sisäisen varauksen
ominaisuus margin-bottom,
joka määrittää ulkoisen varauksen alhaalta
ominaisuus margin-left,
joka määrittää ulkoisen varauksen vasemmalta
ominaisuus margin-right,
joka määrittää ulkoisen varauksen oikealta
ominaisuus margin,
joka on lyhenne ulkoiselle varaukselle