Stil columnRuleStyle egenskap

Definition och användning

columnRuleStyle Egenskapen reglerar stilen på reglerna mellan kolumnerna.

Se också:

CSS3 Tutorial:CSS multi-kolumner

CSS Referenshandbok:column-rule-style egenskap

Exempel

Ändra stilen på mellanrummet mellan kolumnerna:

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

Prova själv

Syntax

Returnera columnRuleStyle egenskap:

object.style.columnRuleStyle

Ställ in columnRuleStyle egenskap:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
Värde Beskrivning
none Definierar en kant utan kant. Standard.
hidden Liksom "none", men undantaget i lösningen av kantkonflikter för tabellkomponenter.
dotted Definierar en punktvis kant.
dashed Definierar en streckad kant.
solid Definierar en fast kant.
double Definierar två kanter. Bredden på båda kanterna är densamma som värdet för border-width.
groove Definierar 3D groove kant. Effekten beror på border-color värdet.
ridge Definierar 3D ridge kant. Effekten beror på border-color värdet.
inset Definierar 3D inset kant. Effekten beror på border-color värdet.
outset Definierar 3D outset kant. Effekten beror på border-color värdet.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheriterar denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: Ingen
Returvärde: sträng som anger elementets column-rule-style egenskap.
CSS Version: CSS3

Browserversion

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