Style columnCount 屬性
實例
把 div 元素中的文本分為三列:
document.getElementById("myDIV").style.columnCount=3;
定義和用法
columnCount 屬性規定元素應該被劃分的列數。
流覽器支持
Internet Explorer 10 和 Opera 支持 columnCount 屬性。
Firefox 支持另一個可替代該屬性的屬性,即 MozColumnCount 屬性。
Safari 和 Chrome 支持另一個可替代該屬性的屬性,即 WebkitColumnCount 屬性。
注意:Internet Explorer 9 及其之前的版本不支持 columnCount 屬性。
語法
返回 columnCount 屬性:
object.style.columnCount
設置 columnCount 屬性:
object.style.columnCount="number|auto|initial|inherit"
屬性值
值 | 描述 |
---|---|
number | 元素的內容將被劃分的最佳列數。 |
auto | 默認值。由其他屬性決定列數,比如 "column-width"。 |
initial | 設置該屬性為它的默認值。請參閱 initial。 |
inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術細節
默認值: | auto |
---|---|
返回值: | 字串,表示元素的 column-count 屬性。 |
CSS 版本 | CSS3 |
相關文章
CSS3 教學:CSS3 多列
CSS 參考手冊:column-count 屬性