Latest web development tutorials

HTML DOM Style columnCount 屬性

Style 對象參考手冊 Style對象

實例

把div 元素中的文本分為三列：

document.getElementById("myDIV").style.columnCount=3;

嘗試一下»

定義和用法

columnCount 屬性規定元素應該被劃分的列數。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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屬性

Style 對象參考手冊 Style對象