CSS3 column-rule-style 屬性 · W3School CSS 參考手冊

# CSS3 column-rule-style 屬性 ## 實例設置列之間的顏色規則： ``` div { -moz-column-rule-style:dotted; /* Firefox */ -webkit-column-rule-style:dotted; /* Safari 和 Chrome */ column-rule-style:dotted; } ``` 頁面底部有更多實例。 ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Internet Explorer 10 和 Opera 支持 column-rule-style 屬性。 Firefox 支持替代的 -moz-column-rule-style 屬性。 Safari 和 Chrome 支持替代的 -webkit-column-rule-style 屬性。注釋：Internet Explorer 9 以及更早版本的瀏覽器不支持 column-rule-style 屬性。 ## 定義和用法 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 | 定義沒有規則。 | [測試](/tiy/c.asp?f=css_column-rule-style) | | hidden | 定義隱藏規則。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=2) | | dotted | 定義點狀規則。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=3) | | dashed | 定義虛線規則。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=4) | | solid | 定義實線規則。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=5) | | double | 定義雙線規則。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=6) | | groove | 定義 3D grooved 規則。該效果取決于寬度和顏色值。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=7) | | ridge | 定義 3D ridged 規則。該效果取決于寬度和顏色值。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=8) | | inset | 定義 3D inset 規則。該效果取決于寬度和顏色值。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=9) | | outset | 定義 3D outset 規則。該效果取決于寬度和顏色值。 | [測試](/tiy/c.asp?f=css_column-rule-style&p=10) | ## 相關頁面 CSS3 教程：[CSS3 多列](/css3/css3_multiple_columns.asp "CSS3 多列")