CSS column-rule-color Property

Column rule color: Specify the color of the rule between columns:

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

Try it Yourself »

More “Try it Yourself” examples below.

Definition and Usage

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

Default value: The current color of the element
Inherited: no
Animatable: yes. Read about animatable – Try it
Version: CSS3
JavaScript syntax: object.style.columnRuleColor=”#0000ff” Try it
CSS Syntax
column-rule-color: color|initial|inherit;
Property Values
Value Description Play it
color Specifies the color of the rule. Look at CSS Color Values for a complete list of possible color values Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

Specify the width, style, and color of the rule between columns:

div {
-webkit-column-rule: 4px double #ff00ff; /* Chrome, Safari, Opera */
-moz-column-rule: 4px double #ff00ff; /* Firefox */
column-rule: 4px double #ff00ff;

Try it Yourself »