Vlastnost column-width
Vlastnost column-width nastavuje šířku
sloupců ve vícesloupcovém textu. Hodnotou
vlastnosti jsou libovolné jednotky
pro velikosti, kromě procent, nebo klíčové
slovo auto (ve výchozím nastavení). Při hodnotě
auto prohlížeč sám volí optimální
šířku sloupců na základě column-count
a column-gap.
Syntaxe
selektor {
column-width: hodnota;
}
Příklad . Zadaná šířka
V tomto příkladu je zadána šířka sloupce column-width
na 150px, a jejich počet column-count
je nastaven na hodnotu auto. Výsledkem bude,
že šířka sloupců bude 150px, jejich počet
a mezera mezi nimi prohlížeč zvolí sám:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Příklad . Hodnota auto
V tomto příkladu se text rozdělí na 3
sloupce (protože column-width je
nastaveno na hodnotu 3), ale jejich šířka se vypočte
automaticky:
<div id="elem">
some long text
</div>
#elem {
column-width: auto;
column-count: 3;
text-align: justify;
}
:
Viz také
-
vlastnost
column-count,
která nastavuje počet sloupců -
vlastnost
column-gap,
která nastavuje mezeru mezi sloupci -
vlastnost
column-rule,
která nastavuje ohraničení mezi sloupci -
vlastnost
column-span,
která nastavuje počet sloupců, přes které se má element rozprostírat -
vlastnost
columns,
která je zkratkovou vlastností pro vícesloupcovost