Style columns 屬性

定義和用法

columns 屬性是設置 columnWidth 和 columnCount 的簡寫屬性。

另請參閱：

CSS3 教程：CSS 多列

CSS 參考手冊：columns 屬性

實例

將文本分成三列，每列至少 100 像素：

document.getElementById("myDIV").style.columns = "100px 3";

親自試一試

語法

返回 columns 屬性：

object.style.columns

設置 columns 屬性：

object.style.columns = "auto|column-width column-count|initial|inherit"

屬性值

值 描述
auto 默認值。將列寬設置為 "auto"，將列數設置為 "auto"。
columnWidth 列的寬度。
columnCount 列數。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： auto auto
返回值： 字符串，表示元素的 columns 屬性。
CSS 版本： CSS3

瀏覽器支持

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