Xususiyat padding-block-start

padding-block-start xususiyati elementning blok (vertikal) o‘qi bo‘yicha boshlang‘ich ichki chekinishini belgilaydi.

Sintaksis

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

Misol

Keling, blok o‘qi bo‘yicha bola element uchun boshlang‘ich ichki chekinishni 20px ga o‘rnatamiz:

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

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

Misol

Endi esa, blok o‘qi bo‘yicha bola element uchun boshlang‘ich ichki chekinishni 20% ga o‘rnatamiz:

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

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

Shuningdek qarang

padding-block-end xususiyati,
bu elementning blok o‘qi bo‘yicha oxirgi ichki chekinishini belgilaydi
padding-inline-end xususiyati,
bu elementning satr o‘qi bo‘yicha oxirgi ichki chekinishini belgilaydi
padding-inline-start xususiyati,
bu elementning satr o‘qi bo‘yicha boshlang‘ich ichki chekinishini belgilaydi
padding xususiyati,
bu ichki chekinishni belgilaydi
margin-bottom xususiyati,
bu pastki tashqi chekinishni belgilaydi
margin-left xususiyati,
bu chap tashqi chekinishni belgilaydi
margin-right xususiyati,
bu o‘ng tashqi chekinishni belgilaydi
margin xususiyati,
bu tashqi chekinish uchun qisqartma hisoblanadi