Style columnRuleColor Property

Style Object Reference Style Object


Specify the color of the rule between columns:

document.getElementById("myDIV").style.columnRuleColor = "blue";

Try it yourself »

Definition and Usage

The columnRuleColor property specifies the color of the rule between columns.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The columnRuleColor property is supported in Internet Explorer 10 and Opera.

Firefox supports an alternative, the MozColumnRuleColor property.

Safari and Chrome support an alternative, the WebkitColumnRuleColor property.


Return the columnRuleColor property:

Set the columnRuleColor property:"color|initial|inherit"

Property Values

Value Description
color Specifies the color of the rule. Look at CSS Color Values for a complete list of possible color values
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Technical Details

Default Value: The current color of the element
Return Value: A String, representing the column-rule-color property of an element
CSS Version CSS3

Related Pages

CSS3 tutorial: CSS3 Multiple Columns

CSS reference: column-rule-color property

Style Object Reference Style Object


Color Picker