css3 column CSS3 column-rule-color 属性

css3 column

CSS3 column 是 CSS3 中新增的一个属性，它可以将一段文本分割成多列，从而达到报纸、杂志等效果。它的语法如下：

column-count: ;
column-width: ;
column-gap: ;

其中 column-count 属性用于设置文本的列数，column-width 用于设置每列的宽度，column-gap 用于设置每列之间的间隙。当使用 column-count 属性时，浏览器会根据 column-count 的值来自动计算出 column-width 的值。

CSS3 column 还可以使用其他一些属性来进行更多的调整，例如 column-rule 属性可以用来在每列之间显示一条竖直的分割线；column-span 属性可以用来将一个元素跨越多个列显示；column-fill 属性可以用来决定是否要平均地将内容填充在所有的列中。

CSS3 column 还有一些限制，例如不能对表格进行多列布局、不能对固定高度的元素进行多列布局、不能对流体高度的元素进行多列布局。此外，CSS3 column 也不能很好地适应不同尺寸的浏览器或者不同尺寸的显示器。

CSS3 column-rule-color 属性

div
{
-moz-column-rule-color:#ff0000; 
-webkit-column-rule-color:#ff0000; 
column-rule-color:#ff0000;
}

column-rule-color: color;