Style columnRuleColorProperty
Style ObjectExample
Specifies the color rule between columns:
document.getElementById("myDIV").style.columnRuleColor="blue";
Try it Yourself »
Definition and Usage
The columnRuleColor property specifies the color rule between columns.
Browser Support
Internet Explorer 10 and Opera support the columnRuleColor property.
Firefox supports an alternative property, namely the MozColumnRuleColor property.
Safari and Chrome support an alternative property, namely 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 rule. For a complete list of possible color values, seeCSS Color Values。 |
| initial | Sets this property to its default value. Seeinitial。 |
| inherit | Inherits this property from its parent element. Seeinherit。 |
Technical Details
| Default Value: | The current color of the element |
|---|---|
| Return Value: | A string representing the element's column-rule-color property. |
| CSS Version | CSS3 |
Related Articles
CSS3 Tutorial:CSS3 Multiple Columns
CSS Reference Manual:column-rule-color property
Other Extensions