Style columns 屬性
實例
把文本分為三列,每列最小 100 像素:
document.getElementById("myDIV").style.columns="100px 3";
定義和用法
columns 屬性是一個速記屬性,用於設置 columnWidth 和 columnCount。
流覽器支持
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 屬性