Ominaisuus padding-block-end

Ominaisuus padding-block-end asettaa elementin lopputason sisätilan lohkoakselilla (pystyakselilla).

Syntaksi

valitsija {
	padding-block-end: koko;
}

Esimerkki

Asetetaan lapsielementin lopputason sisätila lohkoakselille arvoksi 20px:

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

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

Esimerkki

Asetetaan nyt lapsielementin lopputason sisätila lohkoakselille arvoksi 20%:

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

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

Katso myös

ominaisuus padding-block-start,
joka asettaa elementin alkutason sisätilan lohkoakselilla
ominaisuus padding-inline-end,
joka asettaa elementin lopputason sisätilan rivinakselilla
ominaisuus padding-inline-start,
joka asettaa elementin alkutason sisätilan rivinakselilla
ominaisuus padding,
joka asettaa sisätilan
ominaisuus margin-bottom,
joka asettaa ulkotilan alapuolelle
ominaisuus margin-left,
joka asettaa ulkotilan vasemmalle puolelle
ominaisuus margin-right,
joka asettaa ulkotilan oikealle puolelle
ominaisuus margin,
joka on lyhennys ulkotilaa varten