CSS column-rule 屬性

定義和用法

column-rule 屬性是一個簡寫屬性，用于設置所有 column-rule-* 屬性。

column-rule 屬性設置列之間規則的寬度、樣式和顏色。

另請參閱：

CSS3 教程：CSS3 多列

HTML DOM 參考手冊：columnRule 屬性

實例

規定列之間的寬度、樣式和顏色規則：

div
{
column-rule:3px outset #ff00ff;
}

親自試一試

頁面底部有更多實例。

CSS 語法

column-rule: column-rule-width column-rule-style column-rule-color;

屬性值

值 描述
column-rule-width 設置列之間的寬度規則。
column-rule-style 設置列之間的樣式規則。
column-rule-color 設置列之間的顏色規則。

技術細節

默認值： medium none black
繼承性： no
版本： CSS3
JavaScript 語法： object.columnRule="3px outset #ff00ff"

更多實例

Column-count
把 div 元素中的文本劃分為三列。
Column-gap
將 div 元素中的文本分為三列，并列間 30 像素的間隔。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit- 或 -moz- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1