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

selektor {
	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:

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

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

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

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

Pogledajte takođe

svojstvo column-count,
koje zadaje broj kolona
svojstvo column-gap,
koje zadaje razmak između kolona
svojstvo column-rule,
koje zadaje granicu između kolona
svojstvo column-span,
koje zadaje broj kolona na koje treba da se proteže element
svojstvo columns,
koje je skraćeno svojstvo za višekolonskost