CSS column-rule-style Property

Description

The column-rule-style property sets the style of the rule between columns of an element.

Initial value
none
Applies to
Multi-column elements
Inherited
No
Media
Visual
Computed value
Specified value
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.columnRuleStyle

Syntax

column-rule-style: <border-style>

Values

  • <border-style>Is a keyword defined by border-style describing the style of the rule. The styling must be interpreted as in the collapsing border model. Values are: none, hidden, dotted, dashed, solid, double, groove, ridge, inset and outset.

Example

body {
   column-gap: 1em;
   column-rule-width: thin; 
   column-rule-style: solid;
   column-rule-color: black; 
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
1012505211.19
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
50505211.195.0