CSS kolom-breedte eigenschap

Definitie en gebruik

De column-width-eigenschap stelt de breedte van de kolommen vast.

Zie ook:

CSS3 Tutorial:CSS3 meerdere kolommen

HTML DOM Referentiemanual:columnWidth-eigenschap

Voorbeeld

Stelt de breedte van de kolommen vast:

div
{
column-width:100px;
}

Probeer het zelf uit

Er zijn meer voorbeelden aan de onderkant van de pagina.

CSS-syntaxis

column-width: auto|length;

Eigenschapswaarde

Waarde Beschrijving Test
auto De breedte van de kolommen wordt bepaald door de browser. Test
length Stelt de breedte van de kolommen vast. Test

Technische details

Standaardwaarde: auto
Inheritance: nee
Versie: CSS3
JavaScript-syntaxis: object.style.columnWidth="100px"

Meer voorbeelden

Column-count
De tekst in het div-element wordt in drie kolommen verdeeld.
Column-gap
De tekst in het div-element wordt in drie kolommen verdeeld, met een afstand van 30 pixels tussen de kolommen.
Column-rule
Stelt de breedte, stijl en kleur van de kolommen vast.

Browserondersteuning

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

Getallen met -webkit- of -moz- voorafgaand, vertegenwoordigen de eerste versie met voorvoegsel.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0