Padding xususiyati

padding xususiyati elementning ichki chekinishini belgilaydi. Xususiyat qiymati sifatida istalgan oʻlchov birliklari ishlatilishi mumkin. Standart holatda har bir brauzer elementlarga turli xil chekinishlar qoʻshishi mumkin. Ushbu xususiyat quyidagi xususiyatlar uchun qisqartma hisoblanadi: padding-top, padding-right, padding-bottom, padding-left.

Sintaksis

selector {
	padding: qiymat;
}

Parametrlar soni

padding xususiyati 1, 2, 3 yoki 4 ta qiymatni qabul qiladi, ular probel orqali ajratiladi:

Soni	Tavsif
`1`	Bitta qiymat elementning barcha tomonlariga chekinishni belgilaydi.
`2`	Birinchi qiymat yuqori va pastki chekinishni, ikkinchisi esa - oʻng va chap chekinishni belgilaydi.
`3`	Birinchi qiymat yuqori chekinishni, ikkinchisi - oʻng va chap chekinishni, uchinchisi - pastki chekinishni belgilaydi.
`4`	Birinchi qiymat yuqori chekinishni, ikkinchisi - oʻng, uchinchisi - pastki, toʻrtinchisi - chap chekinishni belgilaydi.

Misol

Bunday holatda standart ichki chekinish nolga teng boʻladi va matn blok chetiga yaqinlashadi:

<div id="elem">
	some long text
</div>

#elem {
	padding: 0;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Misol

Endi esa ichki chekinishni 30px qilaylik:

<div id="elem">
	some long text
</div>

#elem {
	padding: 30px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Misol

Hozir yuqori va pastki chekinish 20px, oʻng va chap chekinish esa - 5px boʻladi:

<div id="elem">
	some long text
</div>

#elem {
	padding: 20px 5px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Misol

Hozir yuqori chekinish 5px, oʻng - 15px, pastki - 25px, chap - 35px boʻladi:

<div id="elem">
	some long text
</div>

#elem {
	padding: 5px 15px 25px 35px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Shuningdek qarang

margin xususiyati,
bu tashqi chekinishni belgilaydi