语法:
column-rule-color:<color>
相关属性:column-rule , column-rule-width , column-rule-style
取值:
- <color>:
- 指定颜色。
说明:
- 定义每栏之间边框的颜色。
引擎类型 | Gecko | Webkit | Presto |
---|---|---|---|
column-rule-color | -moz-column-rule-color | -webkit-column-rule-color | |
兼容性:
类型 | Internet Explorer | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
版本 | (×)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-width:20px;的意思是每列之间的边框宽度是20px;
-webkit-column-rule-style:solid;的意思是每列之间的边框样式是实线;
-webkit-column-rule-color:#DCDCDC;的意思是边框的颜色值是#10427A。