Style columnRuleWidth property

Definition and usage

columnRuleWidth Specifies the width of the rule between columns.

See also:

CSS3 Tutorial:Multi-colonna CSS

CSS Reference Manual:column-rule-width property

Example

Change the width of the rule between columns:

document.getElementById("myDIV").style.columnRuleWidth = "10px";

Try it yourself

Syntax

Return columnRuleWidth property:

object.style.columnRuleWidth

Set columnRuleWidth property:

object.style.columnRuleWidth = "medium|thin|thick|length|initial|inherit"

Property value

Value Description
medium Default value. Defines a medium rule.
thin Defines the thin rule.
thick Defines the width of the rule.
length Specifies the width of the rule.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical details

Default value: medium
Return value: A string that represents the column-rule-width 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