# CSS3 column-rule-width 屬性 ## 實例 設置列之間的顏色規則： ``` div { -moz-column-rule-width:1px; /* Firefox */ -webkit-column-rule-width:1px; /* Safari 和 Chrome */ column-rule-width:1px; } ``` 頁面底部有更多實例。 ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Internet Explorer 10 和 Opera 支持 column-rule-width 屬性。 Firefox 支持替代的 -moz-column-rule-width 屬性。 Safari 和 Chrome 支持替代的 -webkit-column-rule-width 屬性。 注釋：Internet Explorer 9 以及更早版本的瀏覽器不支持 column-rule-width 屬性。 ## 定義和用法 column-rule-width 屬性規定列之間的寬度規則。 | 默認值： | medium | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.columnRuleWidth="thin" | | --- | --- | ## 語法 ``` column-rule-width: thin|medium|thick|_length_; ``` | 值 | 描述 | 測試 | | --- | --- | --- | | thin | 定義纖細規則。 | [測試](/tiy/c.asp?f=css_column-rule-width) | | medium | 定義中等規則。 | [測試](/tiy/c.asp?f=css_column-rule-width&p=2) | | thick | 定義寬厚規則。 | [測試](/tiy/c.asp?f=css_column-rule-width&p=3) | | _length_ | 規定規則的寬度。 | [測試](/tiy/c.asp?f=css_column-rule-width&p=4) | ## 相關頁面 CSS3 教程：[CSS3 多列](/css3/css3_multiple_columns.asp "CSS3 多列")