Omadus column-count
Omadus column-count määrab soovitatava
veergude arvu mitmeveerulises tekstis.
Nende tegelik arv võib erineda
määratud arvust, sõltuvalt veeru laiusest
ja nendevahelise vahekauguse suurusest.
Süntaks
selektor {
column-count: arv | auto;
}
Väärtused
| Väärtus | Kirjeldus |
|---|---|
| arv | Määrab kindla arvu veerge. Täpsemalt, soovitab brauseril kasutada seda veergude arvu, kuna nende tegelik arv võib erineda määratud arvust, sõltuvalt veeru laiusest ja nendevahelise vahekauguse suurusest. |
auto |
Brauser valib ise optimaalse veergude arvu. |
Vaikeväärtus: auto.
Näide
Selles näites jaguneb tekst 3
veeruks (muidugi, brauserites, mis
toetavad mitmeveerulist vormindust, teistes
jääb lihtsalt tavaüheveeruline tekst):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Näide . Väärtus auto
Selles näites on määratud veeru laius column-width
väärtusel 150px, ja nende arv column-count
on seatud väärtusele auto - brauser valib ise
vajaliku arvu veerge ja
nendevahelise vahekauguse:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Vaata ka
-
omadus
column-width,
mis määrab veeru laiuse -
omadus
column-gap,
mis määrab veergude vahelise vahekauguse -
omadus
column-rule,
mis määrab piirjoone veergude vahel -
omadus
column-span,
mis määrab veergude arvu, millele element peaks ulatuma -
omadus
columns,
mis on lühendomadus mitmeveeruliseks vorminduseks