CSS column-rule-color property

Definition and usage

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

See also:

CSS3 Tutorial:CSS3 Multicolumn

HTML DOM Reference Manual:columnRuleColor property

Example

Sets the color rule between columns:

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

Try it yourself

More examples are at the bottom of the page.

CSS syntax

column-rule-color: color;

Property value

Value Description
color Specifies the color rule. See CSS Color Values.

Technical details

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

More examples

Column-count
Divides the text within the div element into three columns.
Column-gap
Divides the text within the div element into three columns with a space of 30 pixels between them.
Column-rule
Specifies the width, style, and color between columns.

Browser support

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

Numbers in the table indicate the first browser version that fully supports the property with prefixes such as -webkit- or -moz-.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1