Padding-inline-start xususiyati

padding-inline-start xususiyati elementning chiziqli (gorizontal) o'qi bo'yicha boshlang'ich ichki chekinishini belgilaydi.

Sintaksis

selector {
	padding-inline-start: o'lcham;
}

Misol

Keling, child element uchun chiziqli o'q bo'yicha boshlang'ich ichki chekinishni 20px ga o'rnatamiz:

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

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

Misol

Endi esa child element uchun chiziqli o'q bo'yicha boshlang'ich ichki chekinishni 20% ga o'rnatamiz:

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

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

Shuningdek qarang

padding-inline-end xususiyati,
bu elementning chiziqli o'qi bo'yicha yakuniy ichki chekinishni belgilaydi
padding-block-end xususiyati,
bu elementning blok o'qi bo'yicha yakuniy ichki chekinishni belgilaydi
padding-block-start xususiyati,
bu elementning blok o'qi bo'yicha boshlang'ich ichki chekinishni 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