Својство 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,
које је скраћено својство за вишеколоначност