HTML DOM Style columnRuleWidth property
Examples
Change the width of the rule between columns:
document.getElementById("myDIV").style.columnRuleWidth="10px";
try it"
Definition and Usage
columnRuleWidth attribute specifies the width of the rule between columns.
Browser Support
Internet Explorer 10 and Opera support columnRuleWidth property.
Firefox supports another alternative of the property attribute that MozColumnRuleWidth property.
Safari and Chrome support another alternative of the property attribute that WebkitColumnRuleWidth property.
grammar
Back columnRuleWidth properties:
object .style.columnRuleWidth
Setting columnRuleWidth properties:
object .style.columnRuleWidth="medium|thin|thick|length|initial|inherit"
Property Value
| 值 | 描述 |
|---|---|
| medium | 默认值。定义中等规则。 |
| thin | 定义纤细规则。 |
| thick | 定义宽厚规则。 |
| length | 规定规则的宽度。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
technical details
| Defaults: | medium |
|---|---|
| return value: | String representing the column-rule-width attribute of the element. |
| CSS version | CSS3 |
related articles
CSS3 tutorial: CSS3 multi-column
CSS Reference: column-rule-width attribute