最新的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 columns Property

例

拆分文成三列，每个最小100个像素：

document.getElementById("myDIV").style.columns = "100px 3";

定义和用法

列属性是设置columnWidth时和一个信息columnCount速记属性。

浏览器支持

列属性在Internet Explorer 10和Opera支持。

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

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

句法

返回列属性：

object .style.columns

设置列属性：

object .style.columns="auto| 属性值

值	描述
auto	默认值。同时设置列宽"auto"和列数到"auto"
columnWidth	列的宽度
columnCount	列数
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	汽车汽车
返回值：	一个字符串，表示元素的列属性
CSS版本	CSS3

相关页面

CSS3教程： CSS3多列

CSS参考： columns property