Eigenschap column-count
De eigenschap column-count specificeert een aanbevolen
aantal kolommen in meerkolomstekst.
Het werkelijke aantal kan verschillen van
het opgegeven aantal, afhankelijk van de kolombreedte
en de grootte van de tussenruimte.
Syntaxis
selector {
column-count: getal | auto;
}
Waarden
| Waarde | Beschrijving |
|---|---|
| getal | Specificeert het opgegeven aantal kolommen. Om precies te zijn, raadt het de browser aan dit aantal kolommen te gebruiken, aangezien het werkelijke aantal kan verschillen van het opgegeven aantal, afhankelijk van de kolombreedte en de grootte van de tussenruimte. |
auto |
De browser kiest zelf een optimaal aantal kolommen. |
Standaardwaarde: auto.
Voorbeeld
In dit voorbeeld wordt de tekst opgesplitst in 3
kolommen (uiteraard in browsers die
meerkolomsondersteuning hebben, in andere
blijft het gewone tekst in één kolom):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Voorbeeld . De waarde auto
In dit voorbeeld is de kolombreedte column-width
ingesteld op 150px, en hun aantal column-count
staat op de waarde auto - de browser kiest zelf
het benodigde aantal kolommen en
de tussenruimte:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Zie ook
-
de eigenschap
column-width,
die de kolombreedte specificeert -
de eigenschap
column-gap,
die de tussenruimte tussen kolommen specificeert -
de eigenschap
column-rule,
die de scheidingslijn tussen kolommen specificeert -
de eigenschap
column-span,
die specificeert over hoeveel kolommen een element moet uitstrekken -
de eigenschap
columns,
die een korte notatie is voor meerkolomseigenschappen