Vlastnost column-count

Vlastnost column-count nastavuje doporučený počet sloupců ve vícesloupcovém textu. Jejich skutečný počet se může lišit od nastaveného, v závislosti na šířce sloupce a velikosti mezery mezi nimi.

Syntaxe

selektor {
	column-count: číslo | auto;
}

Hodnoty

Hodnota	Popis
číslo	Nastavuje zadaný počet sloupců. Přesněji, doporučuje prohlížeči použít tento počet sloupců, protože jejich skutečný počet se může lišit od zadaného, v závislosti na šířce sloupce a velikosti mezery mezi nimi.
`auto`	Prohlížeč sám zvolí optimální počet sloupců.

Výchozí hodnota: auto.

Příklad

V tomto příkladu se text rozdělí na 3 sloupce (samozřejmě v prohlížečích, které podporují vícesloupcové zobrazení, v ostatních bude pouze obyčejný text v jednom sloupci):

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

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

Příklad . Hodnota auto

V tomto příkladu je nastavena šířka sloupce column-width na 150px, a jejich počet column-count je nastaven na hodnotu auto - prohlížeč sám zvolí potřebný počet sloupců a mezeru mezi nimi:

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

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

Viz také

vlastnost column-width,
která nastavuje šířku sloupce
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ů, na které se má element rozprostírat
vlastnost columns,
která je zkratkovou vlastností pro vícesloupcové zobrazení