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

cssselektor {
  column-count: broj | auto;
}

Vrednosti

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):

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

css#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:

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

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

Результат:

Pogledajte takođe