Example
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
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.
Syntax
Return the columnRuleColor property:
object.style.columnRuleColor
Set the columnRuleColor property:
object.style.columnRuleColor="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