自强学堂
自强学堂:学习、分享、让你更强!
JavaScript 参考手册HTMLCSSJAVASCRIPTJQUERYSQLPHPBOOTSTRAPANGULARXML
 

HTML DOM Style columnRuleStyle 属性

Style 对象参考手册 Style 对象

实例

改变列之间的样式规则:

document.getElementById("myDIV").style.columnRuleStyle="dotted";

尝试一下 »

定义和用法

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


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10 和 Opera 支持 columnRuleStyle 属性。

Firefox 支持另一个可替代该属性的属性,即 MozColumnRuleStyle 属性。

Safari 和 Chrome 支持另一个可替代该属性的属性,即 WebkitColumnRuleStyle 属性。


语法

返回 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 教程:CSS3 多列

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


Style 对象参考手册 Style 对象