Style columnRuleStyle 属性
实例
更改列之间规则的样式：
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
亲自试一试
语法
返回 columnRuleStyle 属性：
object.style.columnRuleStyle
设置 columnRuleStyle 属性：
object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
| 值 |
描述 |
| none |
定义无边框。默认。 |
| hidden |
与 "none" 相同，但在解决表格元素的边框冲突中除外。 |
| dotted |
定义点状边框。 |
| dashed |
定义虚线边框。 |
| solid |
定义实心边框。 |
| double |
定义两个边界。两个边框的宽度与 border-width 的值相同。 |
| groove |
定义 3D 凹槽边框。效果取决于 border-color 的值。 |
| ridge |
定义 3D 脊状边界。效果取决于 border-color 的值。 |
| inset |
定义 3D inset 边框。效果取决于 border-color 的值。 |
| outset |
定义 3D outset 边框。效果取决于 border-color 的值。 |
| initial |
将此属性设置为其默认值。请参阅 initial。 |
| inherit |
从其父元素继承此属性。请参阅 inherit。 |
浏览器支持
| Chrome |
Edge |
Firefox |
Safari |
Opera |
| Chrome |
Edge |
Firefox |
Safari |
Opera |
| 50.0 |
10.0 |
52.0 |
10.0 |
37.0 |
