Style columnCount 屬性

定義和用法

columnCount 屬性規定元素應該被分成多少列。

另請參閱：

CSS3 教程：CSS 多列

CSS 參考手冊：column-count 屬性

實例

將 div 元素中的文本分成三列：

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

親自試一試

語法

返回 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

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0