CSS column-rule property

CSS column-rule

CSS column-rule is a short hand property, it is used to set styles to the space between the columns.

column-rule consists of following shorthand properties

  • column-rule-width : It is used to set the rules(line) width which is between the columns.
  • column-rule-style : It is used to set the style for the rules(line).
  • column-rule-color : It is used to set color for the rules(line).

Example

Try Yourself

In the above example values used in column-rule property are,

5px - column-rule-width

dashed - column-rule-style

blue - column-rule-color