CSS3 column-rule-style 屬性


實例

指定列之間的樣式規則:

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
}


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

流覽器支持

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

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

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

屬性定義及使用說明

column-rule-style屬性指定列之間的樣式規則。

默認值: none
繼承: no
版本: CSS3
JavaScript 語法: object.style.columnRuleStyle="dotted"


語法

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

描述
none 定義沒有規則。
hidden 定義隱藏規則。
dotted 定義點狀規則。
dashed 定義虛線規則。
solid 定義實線規則。
double 定義雙線規則。
groove 定義 3D grooved 規則。該效果取決於寬度和顏色值。
ridge 定義 3D ridged 規則。該效果取決於寬度和顏色值。
inset 定義 3D inset 規則。該效果取決於寬度和顏色值。
outset 定義 3D outset 規則。該效果取決於寬度和顏色值。


Examples

更多實例

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


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


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


相關文章

CSS3 教學: CSS3 Multiple Columns