Style columnRuleWidth attribute

Definition and usage

columnRuleWidth Attribute specifies the width of the rule between columns.

See also:

CSS3 Tutorial:CSS ɗanin mulɗin

CSS Reference Manual:column-rule-width attribute

Example

Change the width of the rule between columns:

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

Try it yourself

Syntax

Return columnRuleWidth attribute:

object.style.columnRuleWidth

Set columnRuleWidth attribute:

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

Attribute value

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

Technical details

Default value: medium
Return value: string representing the element's column-rule-width attribute.
CSS version: CSS3

browser supports

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