Vlastnosť column-width

Vlastnosť column-width nastavuje šírku stĺpcov vo viacstĺpcovom texte. Hodnotou vlastnosti sú akékoľvek jednotky pre veľkosti, okrem percent, alebo kľúčové slovo auto (predvolené). Pri hodnote auto si prehliadač sám vyberá optimálnu šírku stĺpcov na základe column-count a column-gap.

Syntax

selektor {
	column-width: hodnota;
}

Príklad . Zadaná šírka

V tomto príklade je zadaná šírka stĺpca column-width na 150px, a ich počet column-count je nastavený na hodnotu auto. Výsledkom je, že šírka stĺpcov bude 150px, ich počet a medzery medzi nimi si prehliadač nastaví sám:

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

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

Príklad . Hodnota auto

V tomto príklade bude text rozdelený na 3 stĺpce (pretože column-count je nastavené na hodnotu 3), zatiaľ čo ich šírka sa vypočíta automaticky:

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

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

Pozri tiež

vlastnosť column-count,
ktorá nastavuje počet stĺpcov
vlastnosť column-gap,
ktorá nastavuje medzeru medzi stĺpcami
vlastnosť column-rule,
ktorá nastavuje ohraničenie medzi stĺpcami
vlastnosť column-span,
ktorá nastavuje počet stĺpcov, cez ktoré sa má element rozprestierať
vlastnosť columns,
ktorá je skrátenou vlastnosťou pre viacstĺpkovosť