Xüsusiyyət column-count

Xüsusiyyət column-count çoxsütunlu mətndə tövsiyə olunan sütunların sayını təyin edir. Onların faktiki sayı təyin olunandan fərqli ola bilər, sütunun enindən və onlar arasındakı boşluğun ölçüsündən asılı olaraq.

Sintaksis

selektor {
	column-count: ədəd | auto;
}

Dəyərlər

Dəyər	Açıqlama
ədəd	Göstərilən sayda sütun təyin edir. Daha dəqiqi, brauzerə bu sayda sütundan istifadə etməyi tövsiyə edir, çünki onların faktiki sayı təyin olunandan fərqli ola bilər, sütunun enindən və onlar arasındakı boşluğun ölçüsündən asılı olaraq.
`auto`	Brauzer optimal sütun sayını özü seçir.

Standart dəyər: auto.

Nümunə

Bu nümunədə mətn 3 sütuna bölünəcək (əlbəttə ki, çoxsütunluluğu dəstəkləyən brauzerlərdə, qalanlarında isə sadəcə bir sütunlu adi mətn olacaq):

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

#elem {
	column-count: 3;
	text-align: justify;
}

Nümunə . Auto dəyəri

Bu nümunədə sütunun eni column-width 150px olaraq, onların sayı column-count is auto dəyərində təyin olunub - brauzer lazımi sayda sütunu və onlar arasındakı boşluğu özü seçəcək:

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

#elem {
	column-count: auto;
	column-width: 150px;
	text-align: justify;
}

Həmçinin bax

xüsusiyyət column-width,
sütunun enini təyin edir
xüsusiyyət column-gap,
sütunlar arasındakı boşluğu təyin edir
xüsusiyyət column-rule,
sütunlar arasında sərhəd təyin edir
xüsusiyyət column-span,
elementin uzandığı sütunların sayını təyin edir
xüsusiyyət columns,
çoxsütunluluq üçün qısaldılmış xüsusiyyətdir