Column rules are essentially borders between each column. The
property specifies the color
, and width
of the column rules. The rule will appear in the middle of the column gap.
This property is actually shorthand for the
The syntax for the value is exactly the same as for border and the related border-width, border-style, and border-color properties. The width can be any length unit, just like border-width, including the key terms of medium, thick, and thin. And the color can be any supported color value.
-webkit-column-rule: 1px solid #CCCCCC;
-moz-column-rule: 1px solid #CCCCCC;
column-rule: 1px solid #CCCCCC;