最新的Web开发教程
 

Style columnRuleStyle Property

<Style对象

更改列之间的规则的风格:

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

定义和用法

该columnRuleStyle属性指定列之间的规则的风格。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该columnRuleStyle属性在Internet Explorer 10和Opera支持。

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沟槽规则。 的影响取决于宽度和颜色值
ridge 指定3D脊规则。 的影响取决于宽度和颜色值
inset 指定3D插图规则。 的影响取决于宽度和颜色值
outset 指定3D突出规则。 的影响取决于宽度和颜色值
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 没有
返回值: 一个String,表示元素的列规则-style属性
CSS版本 CSS3

相关页面

CSS3教程: CSS3多列

CSS参考: column-rule-style property


<Style对象