css.properties

column-rule-style

The column-rule-style property sets the style of the column rule.

Formal Syntax

column-rule-style = <line-style-list> | <auto-line-style-list> <line-style-list> = [ <line-style-or-repeat> ]+ <auto-line-style-list> = [ <line-style-or-repeat> ]* <auto-repeat-line-style> [ <line-style-or-repeat> ]*
Initial value
none
Applies to
grid containers, flex containers, multicol containers, and masonry containers
Inherited
no
Percentages
n/a
Computed value
as specified
Animation type
discrete

See specification

JavaScript Access

// Access via element.style element.style.columnRuleStyle = "none";

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
column-rule-style5052912
dashed13.5312
dotted13.5312
double13.5312
groove13.5312
hidden13.5312
inset13.5312
none13.5312
outset13.5312
ridge13.5312
solid13.5312

Related Properties