CSS kolom-regel-stijl eigenschap

Definitie en gebruik

De column-rule-style eigenschap bepaalt de stijlregel tussen de kolommen.

Zie ook:

CSS3 handleiding:CSS3 meerdere kolommen

HTML DOM referentiehandleiding:columnRuleStyle eigenschap

Voorbeeld

Stel de kleurregel tussen de kolommen in:

div {
  column-rule-style: dotted;
}

Probeer het zelf

Er zijn meer voorbeelden onderin de pagina.

CSS syntaxis

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Eigenschapswaarde

Waarde Beschrijving Test
geen Definieert de regel zonder lijn. Test
hidden Definieert de verborgen regel. Test
dotted Definieert de gepuncteerde regel. Test
dashed Definieert de gestippelde regel. Test
solid Definieert de rechte lijn regel. Test
double Definieert de dubbele lijn regel. Test
groove Definieert de 3D grooved regel. Dit effect hangt af van de breedte- en kleurwaarden. Test
ridge Definieert de 3D ridged regel. Dit effect hangt af van de breedte- en kleurwaarden. Test
inset Definieert de 3D inset regel. Dit effect hangt af van de breedte- en kleurwaarden. Test
outset Definieert de 3D outset regel. Dit effect hangt af van de breedte- en kleurwaarden. Test

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS3
JavaScript syntaxis: object.style.columnRuleStyle="dotted"

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