Easy Tutorial
❮ Css3 Pr Text Wrap Css3 Pr Text Emphasis ❯

CSS3 column-rule Property

Example

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


Browser Support

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

Numbers followed by -webkit-, -ms-, or -moz- specify the first version that worked with a prefix.

Property
column-rule 50.0 <br>4.0 -webkit- 10.0 2.0 -moz- 9.0 <br>3.1 -webkit- 37.0 <br>15.0 -webkit <br>11.1

Property Definition and Usage

The column-rule property

The column-rule property is a shorthand property for setting all the column-rule-* properties. The column-rule property sets the width, style, and color between the columns.

Default value: medium none black
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.columnRule="3px outset #ff00ff"
--- ---

Syntax

Value Description
column-rule-width Sets the width of the rule between columns
column-rule-style Sets the style of the rule between columns
column-rule-color Sets the color of the rule between columns

More Examples

Column-count

Column-gap


Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

❮ Css3 Pr Text Wrap Css3 Pr Text Emphasis ❯