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

cssselector {
  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):

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

css#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:

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

css#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