CSS kolom-regel-kleur eigenschap

Definitie en gebruik

De column-rule-color eigenschap bepaalt de kleurregels tussen de kolommen.

Zie ook:

CSS3 tutorial:CSS3 meerdere kolommen

HTML DOM referentiemanual:columnRuleColor eigenschap

Voorbeeld

Stel de kleurregels tussen de kolommen in:

div {
  column-rule-color: #ff0000;
}

Probeer het zelf uit

Er zijn meer voorbeelden onderaan de pagina.

CSS syntax

column-rule-color: kleur;

Eigenschapswaarde

Waarde Beschrijving
kleur Bepaalt de kleurregels. Raadpleeg CSS Kleurwaarde.

Technische details

Standaardwaarde: zwart
Inheritance: nee
Versie: CSS3
JavaScript syntax: object.style.columnRuleColor="#ff00ff"

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 afstand van 30 pixels tussen de kolommen.
Column-rule
Bepaalt de breedte, stijl en kleur tussen de kolommen.

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