Easy Tutorial
❮ Sel Class Sel Nth Of Type ❯

CSS3 column-rule-width Property

Example

Specify the width rule between columns:

div {
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
}

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 supported the prefixed property.

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

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

Syntax

Value Description
thin Specifies a thin rule
medium Defines a medium rule
thick Specifies a thick rule
length Specifies the width of the rule

More Examples

Column-count

Column-gap

Column-rule


Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

❮ Sel Class Sel Nth Of Type ❯