CSS3 column-rule 屬性


實例

指定列之間的規則:寬度,樣式和顏色:

div
{
column-rule:3px outset #ff00ff;
-moz-column-rule:3px outset #ff00ff; /* Firefox */
-webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */
}


在此頁底部有更多的例子。

流覽器支持

表格中的數字表示支持該屬性的第一個流覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該首碼屬性的第一個流覽器版本號。

屬性
column-rule 50.0
4.0 -webkit-
10.0 2.0 -moz- 9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

屬性定義及使用說明

column-rule 屬性

column-rule屬性是一個速記屬性設置所有column-rule-*屬性。column-rule屬性設置列之間的寬度,樣式和顏色。

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


語法

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

說明
column-rule-width 設置列中之間的寬度規則
column-rule-style 設置列中之間的樣式規則
column-rule-color 設置列中之間的顏色規則


Examples

更多實例

Column-count
div元素的文本分成三列。


在div元素的文本分成三列,並指定一個30像素的列之間的差距。


相關文章

CSS3 教學: CSS3 Multiple Columns