CSS kolom-regel-breedte eigenschap

Definitie en gebruik

De column-rule-width eigenschap stelt de breedte van de regel tussen de kolommen in.

Zie ook:

CSS3 handleiding:CSS3 meerdere kolommen

HTML DOM referentiehandleiding:columnRuleWidth eigenschap

Voorbeeld

Stelt de kleurregel tussen de kolommen in:

div {
  column-rule-width: 10px;
}

Probeer het zelf

Er zijn meer voorbeelden aan de onderkant van de pagina.

CSS syntax

column-rule-width: thin|medium|thick|length;

Eigenschapswaarde

Waarde Beschrijving Test
thin Definieert de fijnbreedte. Test
medium Definieert de middenbreedte. Test
thick Definieert de breedte van de regel. Test
length Stelt de breedte van de regel vast. Test

Technische details

Standaardwaarde: medium
Inheritance: nee
Versie: CSS3
JavaScript syntax: object.style.columnRuleWidth="thin"

Meer voorbeelden

Column-count
De tekst in de div-elementen wordt in drie kolommen verdeeld.
Column-gap
De tekst in de div-elementen wordt in drie kolommen verdeeld, met een tussenruimte van 30 pixels.
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
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1