轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style columnRuleStyle 属性

实例

改变列之间的样式规则:

document.getElementById("myDIV").style.columnRuleStyle = "dotted";
亲自试一试 »

定义和用法

columnRuleStyle 属性规定列之间的样式规则。

浏览器支持

属性
columnRuleStyle 50.0 10.0 52.0 10.0 37.0

语法

返回 columnRuleStyle 属性:

object.style.columnRuleStyle

设置 columnRuleStyle 属性:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"

属性值

值 描述
none 默认值。定义没有规则。
hidden 定义隐藏规则。
dotted 定义点状规则。
dashed 定义虚线规则。
solid 定义实线规则。
double 定义双线规则。
groove 规定 3D grooved 规则。该效果取决于宽度和颜色值。
ridge 规定 3D ridged 规则。该效果取决于宽度和颜色值。
inset 规定 3D inset 规则。该效果取决于宽度和颜色值。
outset 规定 3D outset 规则。该效果取决于宽度和颜色值。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: none
返回值: 字符串，表示元素的 column-rule-style 属性。
CSS 版本 CSS3

相关页面

CSS3 tutorial: CSS3 Multiple Columns

CSS 参考手册: column-rule-style 属性

❮ Style 对象