Atribuut column-width

Atribuut column-width määrab veergude laiuse mitmeveerulises tekstis. Atribuudi väärtuseks on mis tahes mõõtühikud, välja arvatud protsendid, või võtmesõna auto (vaikimisi). Väärtusel auto valib brauser veergude optimaalse laiuse iseseisvalt, lähtudes atribuutidest column-count ja column-gap.

Süntaks

selektor {
	column-width: väärtus;
}

Näide . Määratud laius

Selles näites on veeru laius column-width määratud 150px-ks ja nende arv column-count on väärtusel auto. Selle tulemusena on veergude laiuseks 150px, nende arvu ja vahede brauser valib ise:

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

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

Näide . Väärtus auto

Selles näites jaguneb tekst 3 veeruks (kuna column-count on väärtusel 3), kuid nende laius arvutatakse automaatselt:

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

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

Vaata ka

atribuut column-count,
mis määrab veergude arvu
atribuut column-gap,
mis määrab veergude vahe
atribuut column-rule,
mis määrab piiri veergude vahel
atribuut column-span,
mis määrab veergude arvu, millele element peaks ulatuma
atribuut columns,
mis on lühendatud atribuut mitmeveerulisuse jaoks