CSS kolom-span eigenschap

Definitie en gebruik

De column-span eigenschap bepaalt hoeveel kolommen het element over moet lopen.

Zie ook:

CSS3 handleiding:CSS3 meerdere kolommen

HTML DOM referentiemanual:columnSpan eigenschap

Voorbeeld

Maak de h2-elementen over alle kolommen heen lopen:

h2
{
column-span:all;
}

Probeer het zelf uit

Er zijn meer voorbeelden aan de onderkant van de pagina.

CSS syntaxis

column-span: 1|all;

Eigenschapswaarde

Waarde Beschrijving Test
1 Het element moet over één kolom lopen. Test
all Het element moet over alle kolommen heen lopen. Test

Technische details

Standaardwaarde: 1
Inheritance: nee
Versie: CSS3
JavaScript syntaxis: object.style.columnSpan="all"

Meer voorbeelden

Column-count
Deelt de tekst in de div-elementen op in drie kolommen.
Column-gap
Scheidt de tekst in drie kolommen van de div-elementen en plaats een interval van 30 pixels tussen de kolommen.
Column-rule
Stelt de breedte, stijl en kleur van de kolommen tussen de kolommen vast.

Browserondersteuning

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

Getallen met -webkit- of -moz- voorafgaand, betekenen de eerste versie met het prefix gebruikt.

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