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