Latest web development tutorials

HTML DOM Style columns 屬性

Style 對象參考手冊 Style對象

實例

把文本分為三列，每列最小100 像素：

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

嘗試一下»

定義和用法

columns 屬性是一個速記屬性，用於設置columnWidth 和columnCount。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10 和Opera 支持columns 屬性。

Firefox 支持另一個可替代該屬性的屬性，即MozColumns 屬性。

Safari 和Chrome 支持另一個可替代該屬性的屬性，即WebkitColumns 屬性。

語法

返回columns 屬性：

object .style.columns

設置columns 屬性：

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

屬性值

值 描述
auto 默认值。设置 column-width 为 "auto"，column-count 为 "auto"。
columnWidth 列的宽度。
columnCount 列数。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

技術細節

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

相關文章

CSS3教程： CSS3多列

CSS參考手冊： columns屬性

Style 對象參考手冊 Style對象