Example

A simple column-rule property example:

Laboratory

description & Usage

You can specify the color, style and width of the columns using the column-rule property.

Informations

# Description
Default Value medium none color
Inherited no
Animatable yes
Version CSS3
JavaScript syntax object.style.columnRule="3px outset blue"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
column-rule

Syntax

Values

Values Description
column-rule-width It determines the width between the columns, the default value of which is medium.
column-rule-style Places a style between the columns, the default value is none.
column-rule-color Specifies the color between the columns.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.