CSS3 column-rule-color property

Specify the color rules between columns:

div
{
column-rule-color:#ff0000;
-moz-column-rule-color:#ff0000; /* Firefox */
-webkit-column-rule-color:#ff0000; /* Safari and Chrome */
}

Try it out . . .
There are more examples at the bottom of this page.

Browser support

The numbers in the table support the first browser version number of the property.

The number immediately before -webkit-, -ms- or -moz- is the first browser version number that supports the prefix property.

Attributes
column-rule-color	50.0 4.0 -webkit-	10.0	2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

The column-rule-color property specifies color rules between columns.

Default:	black
Inherited:	no
Version:	CSS3
JavaScript syntax:	object .style.columnRuleColor="#ff00ff"

column-rule-color: color ;

value	describe	test
color	Specify the rules for colors.exist CSS color value Find a complete list of color values

Column-count
The text of the div element is divided into three columns.

Column-gap
The text in the div element is divided into three columns and specifies the gap between a 30-pixel column.

Column-rule
Rules between specified columns: width, style, and color.