Stijl de columnRuleStyle eigenschap

Definitie en gebruik

columnRuleStyle Eigenschap definieert de stijl van de regels tussen de kolommen.

Zie ook:

CSS3 handleiding:CSS multi-column

CSS referentiehandleiding:column-rule-style eigenschap

Voorbeeld

Wijzig de stijl van de regels tussen de kolommen:

document.getElementById("myDIV").style.columnRuleStyle = "dotted";

Probeer het zelf

Syntax

Keer de columnRuleStyle eigenschap terug:

object.style.columnRuleStyle

Stel de columnRuleStyle eigenschap in:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
Waarde Beschrijving
none Definieert een randloze rand. Standaard.
hidden Gelijk aan "none", maar uitzonderlijk in het oplossen van randconflicten van tabel-elementen.
dotted Definieert een puntdikke rand.
dashed Definieert een gestreepte rand.
solid Definieert een solide rand.
double Definieert twee randen. De breedte van beide randen is gelijk aan de waarde van border-width.
groove Definieert een 3D groefrand. border-kleur waarden.
ridge Definieert een 3D bultige rand. border-kleur waarden.
inset Definieert een 3D ingesprongen rand. border-kleur waarden.
outset Definieert een 3D uitstekende rand. border-kleur waarden.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erft van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: geen
terugkeerwaarde: een string die de column-rule-style eigenschap.
CSS versie: CSS3

Browser ondersteuning

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