語法:
column-rule:<length> | <style> | <color>
相關(guān)屬性:column-rule-width , column-rule-style , column-rule-color
取值:
- column-rule-width:
- 請(qǐng)參閱 column-rule-width 屬性
- column-rule-style:
- 請(qǐng)參閱 column-rule-style 屬性
- column-rule-color:
- 請(qǐng)參閱 column-rule-color 屬性
說明:
- 定義每欄之間邊框的寬度,樣式和顏色。
引擎類型 | Gecko | Webkit | Presto |
---|---|---|---|
column-rule | -moz-column-rule | -webkit-column-rule | ? |
? | ? | ? | ? |
兼容性:
類型 |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
版本 | (×)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.1 |
(×)IE7 | (×)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(x)IE8 | (√)Firefox 3.5 | ? | ? | ? | |
? | ? | ? | ? | ? |
示例:

例子里-webkit-column-count:5;的意思一共5列, -webkit-column-gap:60px;每列的間隔是60px,
-webkit-column-rule:5px dashed #DCDCDC;的意思是每列之間有5像素虛線灰色邊框。