CSS3 column-rule-width property

Specifies the width rule between columns:

div
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* 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-width	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-width property specifies the width rule between columns.

Default:	medium
Inherited:	no
Version:	CSS3
JavaScript syntax:	object .style.columnRuleWidth="thin"

column-rule-width: thin|medium|thick| length ;

Value	Description
thin	Specify a rule for a thin border
medium	Define a medium border rule
thick	Specifies a rule for a thick border
length	The rule that specifies the width

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.