CSS column-rule-style 屬性

定義和用法

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

另請參閱：

CSS3 教程：CSS3 多列

HTML DOM 參考手冊：columnRuleStyle 屬性

實例

設置列之間的顏色規則：

div {
  column-rule-style: dotted;
}

親自試一試

頁面底部有更多實例。

CSS 語法

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 規則。該效果取決于寬度和顏色值。 測試

技術細節

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

更多實例

Column-count
把 div 元素中的文本劃分為三列。
Column-gap
將 div 元素中的文本分為三列，并列間 30 像素的間隔。
Column-rule
規定列之間的寬度、樣式和顏色。

瀏覽器支持

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

帶 -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