characters

语法:

column-rule<length> | <style> | <color>

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

取值:

column-rule-width
请参阅 column-rule-width 属性
column-rule-style
请参阅 column-rule-style 属性
column-rule-color
请参阅 column-rule-color 属性

说明:

  1. 定义每栏之间边框的宽度,样式和颜色。
引擎类型 Gecko Webkit Presto
column-rule -moz-column-rule -webkit-column-rule  
       

兼容性:

类型 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      
         

示例:

column-rule Demo

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

快速跳转

  • 语法
  • 取值
  • 说明
  • 兼容性
  • 示例
Previous article: Next article: