CSS kolom-telling eigenschap

Definitie en gebruik

De column-count eigenschap bepaalt het aantal kolommen dat het element moet worden verdeeld.

Zie ook:

CSS3 handleiding:CSS3 meerdere kolommen

HTML DOM referentiehandleiding:columnCount eigenschap

Voorbeeld

De tekst in de div-elementen wordt in drie kolommen verdeeld:

div
{
column-count:3;
}

Probeer het zelf

Er zijn meer voorbeelden onderaan de pagina.

CSS syntax

column-count: number|auto;

Eigenschapswaarde

Waarde Beschrijving Test
number Het beste aantal kolommen waarin de inhoud van het element moet worden verdeeld. Test
auto De kolomtelling wordt bepaald door andere eigenschappen, zoals "column-width". Test

Technische details

Standaardwaarde: auto
Inheritance: nee
Versie: CSS3
JavaScript syntax: object.style.columnCount=3

Meer voorbeelden

Column-gap
De tekst in de div-elementen wordt in drie kolommen verdeeld en de afstand tussen de kolommen wordt op 30 pixels ingesteld.
Column-rule
Stelt de breedte, stijl en kleur van de kolommen vast.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1