Proprietatea column-width

Proprietatea column-width stabilește lățimea coloanelor în textul multicoloană. Valoarea proprietății poate fi orice unitate de măsură pentru dimensiuni, cu excepția procentelor, sau cuvântul cheie auto (implicit). Când valoarea este auto, browserul alege automat lățimea optimă a coloanelor pe baza column-count și column-gap.

Sintaxă

selector {
	column-width: valoare;
}

Exemplu . Lățime specificată

În acest exemplu, lățimea coloanei column-width este stabilită la 150px, iar numărul lor column-count este setat la auto. Ca urmare, lățimea coloanelor va fi 150px, iar numărul lor și spațiul dintre ele vor fi alese automat de browser:

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

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

Exemplu . Valoarea auto

În acest exemplu, textul va fi împărțit în 3 coloane (deoarece column-count este setat la 3), iar lățimea lor va fi calculată automat:

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

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

Vedeți și

proprietatea column-count,
care stabilește numărul de coloane
proprietatea column-gap,
care stabilește spațiul dintre coloane
proprietatea column-rule,
care stabilește bordura dintre coloane
proprietatea column-span,
care stabilește numărul de coloane pe care trebuie să se întindă un element
proprietatea columns,
care este o proprietate scurtă pentru textul multicoloană