最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style columnRule Property

例

指定宽度，风格与列之间的规则的颜色：

document.getElementById("myDIV").style.columnRule = "3px outset blue";

定义和用法

该columnRule属性是设置所有columnRule *属性的简写属性。

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

浏览器支持

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

Firefox支持替代方案，MozColumnRule财产。

Safari和Chrome支持替代方案，WebkitColumnRule财产。

句法

返回columnRule属性：

object .style.columnRule

设置columnRule属性：

object .style.columnRule=" 属性值

值	描述
columnRuleWidth	设置列之间的规则的宽度。默认值是媒体
columnRuleStyle	设置列之间的规则的风格。默认值是无
columnRuleColor	设置列之间的规则的颜色。默认值是元素的颜色
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	中无颜色
返回值：	一个字符串，表示元件的列规则性
CSS版本	CSS3

相关页面

CSS3教程： CSS3多列

CSS参考： column-rule property