CSS3 column-rule-styleProperty

Style rules between specified columns:

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
}

Try it Yourself »
More examples at the bottom of this page.

Browser Support

The numbers in the table specify the first browser version that supports the property.

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

Property
column-rule-style	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-style property specifies the style rule between columns.

Default Value:	none
Inherited:	no
version:	CSS3
JavaScript Syntax:	object.style.columnRuleStyle="dotted"

Value	Description
none	Define no rules.
hidden	Define hidden rules.
dotted	Define dotted rules.
dashed	Define dashed rules.
solid	Define solid rules.
double	Define double-line rules.
groove	Defines a 3D grooved rule. The effect depends on the width and color values.
ridge	Defines a 3D ridged rule. The effect depends on the width and color values.
inset	Defines a 3D inset rule. The effect depends on the width and color values.
outset	Defines a 3D outset rule. The effect depends on the width and color values.

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

Column-gap
Divide the text in a div element into three columns, and specify a 30-pixel gap between the columns.

Column-rule
Specify the rules between columns: width, style, and color.

other extensions