×
参考手册概览

JavaScript 对象

JavaScript Array 对象手册 JavaScript Array 对象JavaScript Boolean 对象JavaScript Date 对象JavaScript Math 对象JavaScript Number 对象JavaScript String 对象JavaScript RegExp 对象JavaScript 全局属性/函数JavaScript 运算符

Browser 对象

Window 对象Navigator 对象Screen 对象History 对象Location 对象

DOM 对象

HTML DOM DocumentHTML DOM 元素对象HTML DOM 属性对象HTML DOM 事件对象

HTML 对象

<a><area><audio><base><blockquote><body><button><canvas><col><colgroup><datalist><del><details><dialog><embed><fieldset><form><iframe><frameset ><img><ins><input> - button<input> - checkbox<input> - color<input> - date<input> - datetime<input> - datetime-local<input> - email<input> - file<input> - hidden<input> - image<input> - month<input> - number<input> - range<input> - password<input> - radio<input> - reset<input> - search<input> - submit<input> - text<input> - time<input> - url<input> - week<keygen><link><label><legend><li><map><menu><menuItem><meta><meter><object><ol><optgroup><option><param><progress><q><script><select><source><style><table><td><th><tr><textarea><title><time><track><video>

Style columnRuleStyle 属性

HTML DOM Style 对象HTML DOM Style 对象

实例

改变列之间的样式规则：

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

尝试一下 »

定义和用法

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

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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 属性

HTML DOM Style 对象HTML DOM Style 对象

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号：472910771)