CSS column-rule-width Property
Description
The column-rule-width
property sets the width of the rule between columns. Negative values are not allowed.
- Initial valuemedium
- Applies toMulti-column elements
- InheritedNo
- MediaVisual
- Computed valueabsolute length; '0' if the column rule style is 'none' or 'hidden'
- AnimatableNo
- CSS VersionCSS3
- JavaScript syntaxobject.style.columnRuleWidth
Syntax
Formal syntax: <border-width> column-rule-width: medium /* Keyword value */ column-rule-width: 10px /* Length values */ column-rule-width: 1.5em
Values
- <border-width>Is a <length> or one of the thin, medium or thick keyword describing the width of the rule separating two columns.
Example
body { column-gap: 1em; column-rule-width: thin; column-rule-style: solid; column-rule-color: black; }
Browser Support
no![]() | no![]() | no![]() | no![]() | 11.1+![]() |
View All CSS Properties
Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.