Javascript 参考手册

HTML DOM 对象

Style columnRuleStyle 属性

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 对象

新闻动态 联系方式 广告合作 招聘英才 安科实验室 帮助与反馈 About Us

Copyright © 2013 - 2019 Ancii.com All Rights Reserved京ICP备18063983号-5 京公网安备11010802014868号