Lastnost column-width

Lastnost column-width določa širino stolpcev v večstolpčnem besedilu. Vrednostjo lastnosti so lahko katere koli enote za velikosti, razen odstotkov, ali ključna beseda auto (privzeto). Pri vrednosti auto brskalnik samodejno določi optimalno širino stolpcev na podlagi column-count in column-gap.

Sintaksa

selektor {
	column-width: vrednost;
}

Primer . Določena širina

V tem primeru je določena širina stolpca column-width v 150px, njihovo število column-count pa je nastavljeno na vrednost auto. Kot rezultat bo širina stolpcev 150px, njihovo število in razmik med njimi pa bo določil brskalnik:

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

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

Primer . Vrednost auto

V tem primeru bo besedilo razdeljeno na 3 stolpce (ker je column-count nastavljen na vrednost 3), njihova širina pa bo avtomatično izračunana:

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

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

Glejte tudi

lastnost column-count,
ki določa število stolpcev
lastnost column-gap,
ki določa vrzel med stolpci
lastnost column-rule,
ki določa mejo med stolpci
lastnost column-span,
ki določa število stolpcev, čez katere naj se element razteza
lastnost columns,
ki je okrajšava za lastnosti večstolpčnosti