column-rule-style

The column-rule-style CSS property defines the line style of the lines drawn between columns in multi-column grid, flex, and multi-col layouts.

The column-rule-style property defines the line style of any column rule lines drawn in the gaps between columns in multi-column, flex, and grid containers with more than one column.

The value is a comma-separated list of components, which can include <line-style>, <repeat-line-style>, and <auto-repeat-line-style> types.

The column-rule-style, along with the column-rule-color and column-rule-width properties, can be set using the column-rule shorthand. The column-rule-style, along with the row-rule-style property, can also be set using the rule-style shorthand.

If the property value has only one <line-style>, all the column rules will be that style. If we declare the following, all column rules will be double:

Syntax example: column-rule-style: none;