Својството column-width

Својството column-width ја поставува ширината на колоните во повеќеколумнен текст. Вредноста на својството се сите единици за димензии, освен проценти, или клучен збор auto (по стандард). Со вредност auto прелистувачот сам ја одбира оптималната ширина на колоните врз основа на column-count и column-gap.

Синтакса

селектор {
	column-width: вредност;
}

Пример . Наведена ширина

Во овој пример е наведена ширина на колоната column-width во 150px, а нивниот број column-count е поставен на вредност auto. Како резултат ширината на колоните ќе биде 150px, нивниот број и просторот меѓу нив прелистувачот ќе ги одбере сам:

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

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

Пример . Вредност auto

Во овој пример текстот ќе се подели на 3 колони (бидејќи column-width е поставен на вредност 3), додека нивната ширина ќе се пресмета автоматски:

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

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

Погледнете ги исто така

својството column-count,
кое го поставува бројот на колони
својството column-gap,
кое го поставува просторот меѓу колоните
својството column-rule,
кое ја поставува границата меѓу колоните
својството column-span,
кое го поставува бројот на колони на кои треба да се растегнува елементот
својството columns,
кое е кратенка својство за повеќеколумност