column-count xususiyati
column-count xususiyati ko'p ustunli matndagi ustunlar sonini tavsiya etilgan
holda belgilaydi.
Ularning haqiqiy soni belgilangandan
farq qilishi mumkin, bu ustun kengligi
va ular orasidagi masofaning o'lchamiga bog'liq.
Sintaksis
selector {
column-count: son | auto;
}
Qiymatlar
| Qiymat | Ta'rif |
|---|---|
| son | Belgilangan ustunlar sonini belgilaydi. Aniqrog'i, brauzerga ushbu ustunlar sonidan foydalanishni tavsiya qiladi, chunki ularning haqiqiy soni belgilangandan farq qilishi mumkin, bu ustun kengligi va ular orasidagi masofaning o'lchamiga bog'liq. |
auto |
Brazer optimal ustunlar sonini o'zi belgilaydi. |
Standart qiymat: auto.
Misol
Ushbu misolda matn 3
ustunga bo'linadi (albatta, ko'p ustunlilikni
qo'llab-quvvatlovchi brauzerlarda,
qolganlarida esa oddiygina bitta ustunli matn bo'ladi):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Misol . Auto qiymati
Ushbu misolda ustun kengligi column-width
150px deb belgilangan, ularning soni column-count
esa auto qiymatida - brauzer kerakli
ustunlar sonini va ular orasidagi masofani
o'zi belgilaydi:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Shuningdek qarang
-
column-widthxususiyati,
bu ustun kengligini belgilaydi -
column-gapxususiyati,
bu ustunlar orasidagi masofani belgilaydi -
column-rulexususiyati,
bu ustunlar orasidagi chegarani belgilaydi -
column-spanxususiyati,
bu elementning qancha ustunga cho'zilishini belgilaydi -
columnsxususiyati,
bu ko'p ustunlilik uchun qisqartirilgan xususiyat hisoblanadi