Exemple de code de la propriété CSS column-rule-style.

<style>
/* Affichage */
.groupe {
 border : 1px solid #666; 
 margin:5px; 
 padding:5px; 
}
.groupe p{
 margin:0; padding:0; 
}
.defaut {
   border : 1px dotted #666; 
}

.column{
 column-width : auto; 
 column-count : 3; 
 column-rule-width : 5px; 
 column-rule-color : #008a11; 
}

.none  { column-rule-style : none}  
.hidden{ column-rule-style : hidden}  
.dotted{ column-rule-style : dotted} 
.dashed{ column-rule-style : dashed}  
.solid { column-rule-style : solid}  
.double{ column-rule-style : double}  
.groove{ column-rule-style : groove}  
.ridge { column-rule-style : ridge} 
.inset { column-rule-style : inset} 
.outset{ column-rule-style : outset} 
</style>
<div class="groupe">
<p class="defaut column none">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column hidden">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column dotted">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column dashed">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column solid">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column double">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column groove">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column ridge">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column inset">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>
<div class="groupe">
<p class="defaut column outset">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum.</p>
</div>