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
-
marginxususiyati,
bu tashqi chekinishni belgilaydi