HTML DOM Style columnRuleStyle property
Examples
Change the style rules between columns:
document.getElementById("myDIV").style.columnRuleStyle="dotted";
try it"
Definition and Usage
columnRuleStyle attribute specifies style rules between columns.
Browser Support
Internet Explorer 10 and Opera support columnRuleStyle property.
Firefox supports another alternative of the property attribute that MozColumnRuleStyle property.
Safari and Chrome support another alternative of the property attribute that WebkitColumnRuleStyle property.
grammar
Back columnRuleStyle properties:
object .style.columnRuleStyle
Setting columnRuleStyle properties:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
initial|inherit"
Property Value
| 值 | 描述 |
|---|---|
| none | 默认值。定义没有规则。 |
| hidden | 定义隐藏规则。 |
| dotted | 定义点状规则。 |
| dashed | 定义虚线规则。 |
| solid | 定义实线规则。 |
| double | 定义双线规则。 |
| groove | 规定 3D grooved 规则。该效果取决于宽度和颜色值。 |
| ridge | 规定 3D ridged 规则。该效果取决于宽度和颜色值。 |
| inset | 规定 3D inset 规则。该效果取决于宽度和颜色值。 |
| outset | 规定 3D outset 规则。该效果取决于宽度和颜色值。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
technical details
| Defaults: | none |
|---|---|
| return value: | String representing the column-rule-style attribute of the element. |
| CSS version | CSS3 |
related articles
CSS3 tutorial: CSS3 multi-column
CSS Reference: column-rule-style property