Style columnRuleWidthProperty
Style ObjectExample
Change the width rule between columns:
document.getElementById("myDIV").style.columnRuleWidth="10px";
Try it Yourself »
Definition and Usage
The columnRuleWidth property specifies the width rule between columns.
Browser Support
Internet Explorer 10 and Opera support the columnRuleWidth property.
Firefox supports an alternative property, the MozColumnRuleWidth property.
Safari and Chrome support an alternative property, 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. See alsoinitial。 |
| inherit | Inherits this property from its parent element. See alsoinherit。 |
Technical Details
| Default value: | medium |
|---|---|
| Return value: | A string representing the element's column-rule-width property. |
| CSS Version | CSS3 |
Related Articles
CSS3 Tutorial:CSS3 Multi-columns
CSS Reference Manual:column-rule-width property
Other Extensions