Style columnRuleWidth attribute

Definition and Usage

columnRuleWidth Specifies the width of the rule between columns.

See also:

CSS3 Tutorial:CSS 多列

CSS Reference Manual:column-rule-width Atribute

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 also initial.
inherit Inherits this attribute from its parent element. See also inherit.

Technical Details

Default Value: medium
Return Value: String, represents the column-rule-width Atribute.
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