目录

style columnRule 属性

示例

指定列之间规则的宽度、样式和颜色:

document.getElementById("myDIV").style.columnRule = "3px outset blue";
亲自试一试 »

描述

columnRule 属性是用于设置所有columnRule 属性的简写属性。

columnRule 属性设置列之间规则的宽度、样式和颜色。

列规则属性按任意顺序排列:

列规则颜色
列规则样式
列规则宽度


浏览器支持

Property
columnRule 50.0 10.0 52.0 10.0 37.0

语法

返回columnRule属性:

object.style.columnRule

设置columnRule属性:

object.style.columnRule = "column-rule-width column-rule-style column-rule-color|initial|inherit"

属性值

Value Description
columnRuleWidth Sets the width of the rule between columns. Default value is medium
columnRuleStyle Sets the style of the rule between columns. Default value is none
columnRuleColor Sets the color of the rule between columns. Default value is the color of the element
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 中等 无颜色
返回值: 一个字符串,表示元素的列规则属性
CSS版本 CSS3

相关页面

CSS3教程:CSS3 多列

CSS 参考:列规则属性