Example

A simple column-rule-style property example:

Laboratory

description & Usage

We determine the style and mode of the columns with the column-rule-style property.

Informations

# Description
Default Value none
Inherited no
Animatable no
Version CSS3
JavaScript syntax object.style.columnRuleStyle="dotted"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
column-rule-style

Syntax

Values

Values Description
none Default value. Defines no rule
hidden Defines a hidden rule
dotted A point rule determines.
dashed Determines a broken rule.
solid It sets a firm rule.
double It sets a two-way rule.
groove Defines a 3D rule for grooved sections that adjusts to the width of the color values.
ridge Defines a dimension rule for the bumps, which is set by the width of the color value.
inset Defines an internal 3D rule that adjusts proportionally to the width of the color values.
outset Defines an external 3D rule that adjusts proportionally to the width of the color values.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.