Proprietatea column-count
Proprietatea column-count specifică un număr recomandat
de coloane în textul multicoloană.
Numărul lor real poate diferi de
cel specificat, în funcție de lățimea coloanei
și dimensiunea spațiului dintre ele.
Sintaxă
selector {
column-count: număr | auto;
}
Valori
| Valoare | Descriere |
|---|---|
| număr | Specifică numărul indicat de coloane. Mai exact, recomandă browserului să utilizeze acest număr de coloane, deoarece numărul lor real poate diferi de cel specificat, în funcție de lățimea coloanei și dimensiunea spațiului dintre ele. |
auto |
Browserul alege automat numărul optim de coloane. |
Valoarea implicită: auto.
Exemplu
În acest exemplu, textul va fi împărțit în 3
coloane (desigur, în browserele care
suportă textul multicoloană, în rest
va fi doar text obișnuit într-o singură coloană):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Exemplu . Valoarea auto
În acest exemplu, este specificată lățimea coloanei column-width
de 150px, iar numărul lor column-count
este setat la valoarea auto - browserul va
alege automat numărul necesar de coloane și
spațiul dintre ele:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Vedeți și
-
proprietatea
column-width,
care specifică lățimea coloanei -
proprietatea
column-gap,
care specifică spațiul dintre coloane -
proprietatea
column-rule,
care specifică bordura dintre coloane -
proprietatea
column-span,
care specifică numărul de coloane pe care trebuie să se întindă un element -
proprietatea
columns,
care este o proprietate scurtă pentru textul multicoloană