CSS kolom-regel eigenschap

Definitie en gebruik

De column-rule-eigenschap is een verkorte eigenschap die alle column-rule-* eigenschappen instelt.

De column-rule-eigenschap stelt de breedte, stijl en kleur van de regels tussen de kolommen in.

Zie ook:

CSS3-tutorial:CSS3 meerdere kolommen

HTML DOM referentiemanual:columnRule-eigenschap

Voorbeeld

Stel de breedte, stijl en kleurregel tussen de kolommen in:

div
{
column-rule:3px outset #ff00ff;
}

Probeer het zelf uit

Er zijn meer voorbeelden aan de onderkant van de pagina.

CSS-syntaxis

column-rule: column-rule-width column-rule-style column-rule-color;

Eigenschapswaarde

Waarde Beschrijving
column-rule-width Stel de breedteregel tussen de kolommen in.
column-rule-style Stel de stijlregel tussen de kolommen in.
column-rule-color Stel de kleurregel tussen de kolommen in.

Technische details

Standaardwaarde: medium none black
Inheritantie: nee
Versie: CSS3
JavaScript-syntaxis: object.columnRule="3px outset #ff00ff"

Meer voorbeelden

Column-count
Deel de tekst van de div-elementen in drie kolommen.
Column-gap
Splits de tekst van de div-elementen in drie kolommen en markeer de tussenruimte 30 pixels.

Browserondersteuning

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

Cijfers met -webkit- of -moz- voorafgaand, betekenen de eerste versie die de prefix gebruikt.

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