Style columnRule property

Definition and Usage

columnRule This property is a shorthand property for setting all columnRule properties.

columnRule Property sets the width, style, and color of the rule between columns.

The column rule properties are listed in any order:

See also:

CSS3 Tutorial:CSS multi-colonna

CSS Reference Manual:column-rule property

Example

Specifies the width, style, and color of the rule between columns:

document.getElementById("myDIV").style.columnRule = "3px outset blue";

Try it yourself

Syntax

Returns the columnRule property:

object.style.columnRule

Sets the columnRule property:

object.style.columnRule = "column-rule-width column-rule-style column-rule-color|initial|inherit"

Property Value

Value Description
columnRuleWidth Sets the width of the rule between columns. The default value is medium.
columnRuleStyle Sets the style of the rule between columns. The default value is none.
columnRuleColor Sets the color of the rule between columns. The default value is the color of the element.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default value: medium none color
Return value: A string that represents the element's column-rule 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