column-rule

column-rule: dotted;

column-rule: solid 6px;

column-rule: solid blue;

column-rule: thick inset blue;

<section id="default-example">
  <p id="example-element">
    Londres. Le trimestre de Michaelmas venait de se terminer, et le lord
    chancelier siégeait dans la salle de Lincoln's Inn. Un novembre implacable.
    Tant de boue dans les rues comme si les eaux venaient tout juste de se
    retirer de la surface de la terre, et il ne serait pas étonnant de
    rencontrer un Megalosaurus, quarante pieds de long environ, se dandinant
    comme un lézard éléphantesque en montant Holborn Hill.
  </p>
</section>

#example-element {
  columns: 3;
  column-rule: solid;
  text-align: left;
}

column-rule: dotted;
column-rule: solid blue;
column-rule: solid 8px;
column-rule: thick inset blue;

/* Valeurs globales */
column-rule: inherit;
column-rule: initial;
column-rule: revert;
column-rule: revert-layer;
column-rule: unset;

/* Équivaut à "medium dotted currentColor" */
p.toto {
  column-rule: dotted;
}

/* Équivaut à "medium solid blue" */
p.tata {
  column-rule: solid blue;
}

/* Équivaut à "8px solid currentColor" */
p.tutu {
  column-rule: solid 8px;
}

p.abc {
  column-rule: thick inset blue;
}

<p class="content-box">
  Il s'agit d'un bloc de texte réparti en trois colonnes. Notez comment la
  propriété `column-rule` sert à ajuster le style, la largeur et la couleur de
  la règle qui apparaît entre les colonnes.
</p>

.content-box {
  padding: 0.3em;
  background: #ffff77;
  column-count: 3;
  column-rule: inset 2px #3333ff;
}