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ť