Style columnRule attribute

Definition and Usage

columnRule The attribute is a shorthand attribute used to set all columnRule attributes.

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

The column rule attributes are listed in any order:

See also:

CSS3 Tutorial:CSS Multi-column

CSS Reference Manual:column-rule Attribute

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 attribute:

object.style.columnRule

Sets the columnRule attribute:

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

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

Technical Details

Default Value: medium none color
Return Value: A string representing the element's column-rule Attribute.
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