Examples 3e5p5z

The following rule:

column-rule: 1em dotted #ddd;
                

is equivalent to:

column-rule-width: 1em;
column-rule-style: dotted;
column-rule-color: #ddd;
                

The following draws a green dashed rule between adjacent columns in a multi-column element:

.el {
    columns: 12em 3;
    column-rule: 2px dashed #009966;
}
                

The following example applies a column rule which spans across and fills the entire space between adjacent columns, because the width of the rule is equal to the width of the column-gap:

.mag {
    column-width: 25%;
    column-rule: 20px solid gray;
    column-gap: 20px;
}