Xüsusiyyət column-width

Xüsusiyyət column-width çoxsütunlu mətndə sütunların enini təyin edir. Xüsusiyyətin dəyəri faizlər istisna olmaqla, hər hansı ölçü vahidləri, ya da auto (standart) açar sözü ola bilər. auto dəyərində brauzer column-count və column-gap əsasında sütunların optimal enini özü təyin edir.

Sintaksis

selektor {
	column-width: dəyər;
}

Nümunə . Müəyyən edilmiş en

Bu nümunədə sütun eni column-width 150px kimi, onların sayı isə column-count auto dəyərində təyin edilib. Nəticədə sütunların eni 150px olacaq, onların sayı və aralarındakı məsafəni brauzer özü təyin edəcək:

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

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

Nümunə . Auto dəyəri

Bu nümunədə mətn 3 sütuna bölünəcək (çünki column-width 3 dəyərindədir), onların eni isə avtomatik hesablanacaq:

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

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

Həmçinin bax

sütunların sayını təyin edən column-count xüsusiyyəti,
sütunlar arasındakı boşluğu təyin edən column-gap xüsusiyyəti,
sütunlar arasında sərhəd təyin edən column-rule xüsusiyyəti,
elementin neçə sütuna uzadılacağını təyin edən column-span xüsusiyyəti,
çoxsütunluluq üçün qısa xüsusiyyət olan columns xüsusiyyəti,