Eienskap padding-block-end

Die eienskap padding-block-end spesifiseer die finale interne spasie van 'n element langs die blok-as (vertikale as).

Sintaksis

selektor {
	padding-block-end: grootte;
}

Voorbeeld

Kom ons stel die finale interne spasie vir 'n kindelement langs die blok-as in op 20px:

<div>
	<p>teks</p>
</div>

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

Voorbeeld

Laat ons nou die finale interne spasie vir 'n kindelement langs die blok-as stel op 20%:

<div>
	<p>teks</p>
</div>

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

Sien ook

die eienskap padding-block-start,
wat die aanvanklike interne spasie van 'n element langs die blok-as spesifiseer
die eienskap padding-inline-end,
wat die finale interne spasie van 'n element langs die inlyn-as spesifiseer
die eienskap padding-inline-start,
wat die aanvanklike interne spasie van 'n element langs die inlyn-as spesifiseer
die eienskap padding,
wat interne spasie spesifiseer
die eienskap margin-bottom,
wat die eksterne spasie onderaan spesifiseer
die eienskap margin-left,
wat die eksterne spasie links spesifiseer
die eienskap margin-right,
wat die eksterne spasie regs spesifiseer
die eienskap margin,
wat die kortvorm vir eksterne spasie is