Ominaisuus padding-block-start

Ominaisuus padding-block-start asettaa elementin alku sisätilan lohko- (pysty) akselilla.

Syntaksi

valitsija {
	padding-block-start: koko;
}

Esimerkki

Asetetaan lapsielementin alku sisätila lohko-akselille 20px:lle:

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

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

Esimerkki

Asetetaan nyt lapsielementin alku sisätila lohko-akselille 20%:lle:

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

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

Katso myös

ominaisuus padding-block-end,
joka asettaa elementin loppu sisätilan lohko-akselilla
ominaisuus padding-inline-end,
joka asettaa elementin loppu sisätilan rivin-akselilla
ominaisuus padding-inline-start,
joka asettaa elementin alku sisätilan rivin-akselilla
ominaisuus padding,
joka asettaa sisätilan
ominaisuus margin-bottom,
joka asettaa ulkotilan alhaalta
ominaisuus margin-left,
joka asettaa ulkotilan vasemmalta
ominaisuus margin-right,
joka asettaa ulkotilan oikealta
ominaisuus margin,
joka on lyhenne ulkotilalle