Style columnRuleStyle property

Definition and usage

columnRuleStyle Property defines the style of the rule between columns.

See also:

CSS3 Tutorial:CSS flere kolonner

CSS Reference Manual:column-rule-style property

Example

Change the style of the rule between columns:

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

Try it yourself

Syntax

Return columnRuleStyle property:

object.style.columnRuleStyle

Set columnRuleStyle property:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
Value Description
none Defines no border. Default.
hidden Same as "none", except in resolving border conflicts for table elements.
dotted Defines a dotted border.
dashed Defines a dashed border.
solid Defines a solid border.
double Defines two borders. The width of both borders is the same as the border-width value.
groove Defines 3D groove border. The effect depends on border-color value.
ridge Defines 3D ridge border. The effect depends on border-color value.
inset Defines 3D inset border. The effect depends on border-color value.
outset Defines 3D outset border. The effect depends on border-color value.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical details

Default value: None
Return value: String, representing the element's column-rule-style property.
CSS version: CSS3

Browser support

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