Column-rule Example

The CSS column-rule property is a shorthand property for setting multiple column rule related properties in one place.

The column rule appears as a kind of border that appears in between the columns on a multi-column layout. You can use the column-rule shorthand property to acheive the same result.

Try changing the values to see the effect it has on this example.