​x
 
1
<!doctype html>
2
<title>Example</title>
3
<style>
4
.example {
5
    background: lemonchiffon;
6
    padding: 1em;
7
    font-size: 3.5vw;
8
    column-count: 3;
9
    column-rule-width: 1vw;
10
    column-rule-style: solid;
11
    column-rule-color: limegreen;
12
}
13
</style>
14
​
15
<div class="example">
16
    <h3>Column-rule-color Example</h3>
17
    <p>The CSS column-rule-color property allows you to set the color of the column rule between columns on a multi-column layout.</p>
18
    <p>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.</p>
19
    <p>Try changing the values to see the effect it has on this example.</p>
20
</div>