Sifat padding-block-end

Sifat padding-block-end menetapkan padding dalaman hujung blok (menegak) elemen.

Sintaks

selector {
	padding-block-end: saiz;
}

Contoh

Mari kita tetapkan padding dalaman hujung blok untuk elemen anak pada 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;
}

Contoh

Sekarang mari kita tetapkan padding dalaman hujung blok untuk elemen anak pada 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;
}

Lihat juga

sifat padding-block-start,
yang menetapkan padding dalaman permulaan blok elemen
sifat padding-inline-end,
yang menetapkan padding dalaman hujung baris elemen
sifat padding-inline-start,
yang menetapkan padding dalaman permulaan baris elemen
sifat padding,
yang menetapkan padding dalaman
sifat margin-bottom,
yang menetapkan margin bawah
sifat margin-left,
yang menetapkan margin kiri
sifat margin-right,
yang menetapkan margin kanan
sifat margin,
yang merupakan singkatan untuk margin