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-width xususiyati,
bu ustun kengligini belgilaydi
column-gap xususiyati,
bu ustunlar orasidagi masofani belgilaydi
column-rule xususiyati,
bu ustunlar orasidagi chegarani belgilaydi
column-span xususiyati,
bu elementning qancha ustunga cho'zilishini belgilaydi
columns xususiyati,
bu ko'p ustunlilik uchun qisqartirilgan xususiyat hisoblanadi