语法:

column-rule-color<color>

相关属性column-rule , column-rule-width , column-rule-style

取值:

<color>
指定颜色。

说明:

  1. 定义每栏之间边框的颜色。
引擎类型 Gecko Webkit Presto
column-rule-color -moz-column-rule-color -webkit-column-rule-color  
       

兼容性:

类型 IEInternet Explorer FirefoxFirefox ChromeChrome OperaOpera SafariSafari
版本 (×)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      
         

示例:

columns-rule-color Demo

例子里-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。



快速跳转