Svojstvo column-width

Svojstvo column-width zadaje širinu kolona u višekolonskom tekstu. Vrednošću svojstva služe bilo koje jedinice za veličine, osim procenta, ili ključna reč auto (podrazumevano). Pri vrednosti auto pretraživač sam bira optimalnu širinu kolona na osnovu column-count i column-gap.

Sintaksa

cssselektor {
  column-width: vrednost;
}

Primer . Zadana širina

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

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

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

Результат:

Primer . Vrednost auto

U ovom primeru tekst će se podeliti na 3 kolone (jer je column-count postavljeno na vrednost 3), dok će se njihova širina izračunati automatski:

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

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

Результат:

Pogledajte takođe