CSS column-rule 屬性
更多“自己嘗試”的例子見下文。
定義和用法
column-rule
屬性設定列之間分隔線的寬度、樣式和顏色。
此屬性是一個簡寫屬性,用於
如果省略 column-rule-color,則應用的顏色將是文字的顏色。
預設值 | medium none color |
---|---|
繼承 | no |
可動畫 | 是的,請參見單個屬性。 閱讀關於可動畫屬性 嘗試一下 |
版本 | CSS3 |
JavaScript 語法 | object.style.columnRule="3px outset blue" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
column-rule | 50 | 10 | 52 | 9 | 37 |
CSS 語法
column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
column-rule-width | 設定列之間的分隔線的寬度。預設值為 medium | 演示 ❯ |
column-rule-style | 設定列之間的分隔線的樣式。預設值為 none | 演示 ❯ |
column-rule-color | 設定列之間的分隔線的顏色。預設值為元素本身的顏色 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
CSS 教程: CSS 多列
HTML DOM 參考: columnRule 屬性