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-endxususiyati,
bu elementning blok o‘qi bo‘yicha oxirgi ichki chekinishini belgilaydi -
padding-inline-endxususiyati,
bu elementning satr o‘qi bo‘yicha oxirgi ichki chekinishini belgilaydi -
padding-inline-startxususiyati,
bu elementning satr o‘qi bo‘yicha boshlang‘ich ichki chekinishini belgilaydi -
paddingxususiyati,
bu ichki chekinishni belgilaydi -
margin-bottomxususiyati,
bu pastki tashqi chekinishni belgilaydi -
margin-leftxususiyati,
bu chap tashqi chekinishni belgilaydi -
margin-rightxususiyati,
bu o‘ng tashqi chekinishni belgilaydi -
marginxususiyati,
bu tashqi chekinish uchun qisqartma hisoblanadi