Example
Change the width of the rule between columns:
document.getElementById("myDIV").style.columnRuleWidth = "10px";
Try it Yourself »
Definition and Usage
The columnRuleWidth property specifies the width of the rule between columns.
Browser Support
The columnRuleWidth property is supported in Internet Explorer 10 and Opera.
Firefox supports an alternative, the MozColumnRuleWidth property.
Safari and Chrome support an alternative, the WebkitColumnRuleWidth property.
Syntax
Return the columnRuleWidth property:
object.style.columnRuleWidth
Set the columnRuleWidth property:
object.style.columnRuleWidth="medium|thin|thick|length|initial|inherit"
Property Values
| Value | Description |
|---|---|
| medium | Default value. Defines a medium rule |
| thin | Defines a thin rule |
| thick | Defines a thick rule |
| length | Specifies the width of the rule |
| 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: | medium |
|---|---|
| Return Value: | A String, representing the column-rule-width property of an element |
| CSS Version | CSS3 |
Related Pages
CSS3 tutorial: CSS3 Multiple Columns
CSS reference: column-rule-width property
< Style Object