Svojstvo column-count

Svojstvo column-count određuje preporučeni broj kolona u višekolonskom tekstu. Njihov stvarni broj može da se razlikuje od zadatog, u zavisnosti od širine kolone i veličine razmaka između njih.

Sintaksa

selektor {
	column-count: broj | auto;
}

Vrednosti

Vrednost	Opis
broj	Određuje zadati broj kolona. Tačnije, preporučuje pretraživaču da koristi ovaj broj kolona, pošto njihov stvarni broj može da se razlikuje od zadatog, u zavisnosti od širine kolone i veličine razmaka između njih.
`auto`	Pretraživač sam bira optimalan broj kolona.

Podrazumevana vrednost: auto.

Primer

U ovom primeru tekst će se podeliti na 3 kolone (naravno, u pretraživačima koji podržavaju višekolonski tekst, u ostalim biće običan tekst u jednoj koloni):

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

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

Primer . Vrednost auto

U ovom primeru zadata je širina kolone column-width na 150px, a njihov broj column-count je postavljen na vrednost auto - pretraživač će sam odabrati potreban broj kolona i razmak između njih:

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

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

Pogledajte takođe

svojstvo column-width,
koje određuje širinu kolone
svojstvo column-gap,
koje određuje razmak između kolona
svojstvo column-rule,
koje određuje granicu između kolona
svojstvo column-span,
koje određuje broj kolona na koje element treba da se proteže
svojstvo columns,
koje je skraćeno svojstvo za višekolonski tekst