CSS column-count 屬性
更多“自己嘗試”的例子見下文。
定義和用法
column-count
屬性指定一個元素應被分成多少列。
預設值 | auto |
---|---|
繼承 | no |
可動畫 | 是。 閱讀關於可動畫的內容 試試看 |
版本 | CSS3 |
JavaScript 語法 | object.style.columnCount = "3" 試試看 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
column-count | 50 | 10 | 52 | 9 | 37 |
CSS 語法
column-count: number|auto|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
數字 | 元素內容流動的最佳列數 | 演示 ❯ |
auto | 預設值。列數將由其他屬性決定,例如“column-width” | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
CSS 教程: CSS 多列
HTML DOM 參考: columnCount 屬性