Xususiyat padding-block-end

Xususiyat padding-block-end elementning blok (vertikal) o‘qi bo‘yicha oxirgi ichki chegarasini belgilaydi.

Sintaksis

selector {
	padding-block-end: o‘lcham;
}

Misol

Keling, blok o‘qi bo‘yicha pastki ichki chegarani 20px ga o‘rnatamiz:

<div>
	<p>matn</p>
</div>

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

Misol

Endi esa, blok o‘qi bo‘yicha pastki ichki chegarani 20% ga o‘rnatamiz:

<div>
	<p>matn</p>
</div>

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

Shuningdek qarang

xususiyat padding-block-start,
bu elementning blok o‘qi bo‘yicha boshlang‘ich ichki chegarasini belgilaydi
xususiyat padding-inline-end,
bu elementning satr o‘qi bo‘yicha oxirgi ichki chegarasini belgilaydi
xususiyat padding-inline-start,
bu elementning satr o‘qi bo‘yicha boshlang‘ich ichki chegarasini belgilaydi
xususiyat padding,
bu ichki chegarani belgilaydi
xususiyat margin-bottom,
bu pastki tashqi chegarani belgilaydi
xususiyat margin-left,
bu chap tashqi chegarani belgilaydi
xususiyat margin-right,
bu o‘ng tashqi chegarani belgilaydi
xususiyat margin,
bu tashqi chegaralar qisqartmasi hisoblanadi