CSS3 column-rule-width

<!doctype html>
<title>Example</title>
<style>
.multicol {
  background: beige;
  padding: 10px;

  /* Safari and Chrome */
  -webkit-column-count: 3;
  -webkit-column-rule-width: 2px;
  -webkit-column-rule-style: dotted;
  -webkit-column-rule-color: coral;

  /* Firefox */
  -moz-column-count: 3; 
  -moz-column-rule-width: 2px;
  -moz-column-rule-style: dotted;
  -moz-column-rule-color: coral;

  /* CSS3 */
  column-count: 3; 
  column-rule-width: 2px;
  column-rule-style: dotted;
  column-rule-color: coral;
}
</style>
<div class="multicol">
  <h3>Column-rule-width Example</h3>
  <p>The CSS column-rule-width property allows you to set the width of the column rule between columns on a multi-column layout.</p>
  <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>
  <p>Try changing the values to see the effect it has on this example.</p>
</div>