# CSS3 columns 屬性 ## 實例 規定列的寬度和列數： ``` div { columns:100px 3; -moz-columns:100px 3; /* Firefox */ -webkit-columns:100px 3; /* Safari 和 Chrome */ } ``` 頁面底部有更多實例。 ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Internet Explorer 10 和 Opera 支持 column 屬性。 Firefox 支持替代的 -moz-column 屬性。 Safari 和 Chrome 支持替代的 -webkit-column 屬性。 注釋：Internet Explorer 9 以及更早版本的瀏覽器不支持 column 屬性。 ## 定義和用法 columns 屬性是一個簡寫屬性，用于設置列寬和列數。 | 默認值： | auto auto | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.columns="100px 3" | | --- | --- | ## 語法 ``` columns: _column-width_ _column-count_; ``` | 值 | 描述 | | --- | --- | | _column-width_ | 列的寬度。 | | _column-count_ | 列數。 | ## 相關頁面 CSS3 教程：[CSS3 多列](/css3/css3_multiple_columns.asp "CSS3 多列")