Exemple de code de la propriété JS / CSS borderLeftStyle.

<style>
.cadre-gris{ margin : 5px 0; }
.cadre-gris table, .cadre-gris td,
.cadre-vertemp{border :4px solid green; }
.cadre-vertemp, #exemple-style-2, #exemple-style-3{  border-left-color : red; }
.collapse table, .cadre-gris td{ border-collapse : collapse; }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
   <p id="exemple-style-0" class="cadre-vertemp" >Effet borderLeftStyle.</p>
  </div>
  <div class="cadre-gris">
   <p id="exemple-style-1">Effet borderLeftStyle.</p>
  </div>
  <div class="cadre-gris">
   <table cellspacing="0" cellpadding="2">
    <tr>
      <td>Cellule</td>
    </tr>
    <tr>
      <td id="exemple-style-2">Effet borderLeftStyle.</td>
    </tr>
    <tr>
      <td>Cellule</td>
    </tr>
  </table>
  </div>
 <div class="cadre-gris collapse ">
   <table cellspacing="0" cellpadding="2">
    <tr>
      <td>Cellule collapse </td>
    </tr>
    <tr>
      <td id="exemple-style-3">Effet borderLeftStyle.</td>
    </tr>
    <tr>
      <td>Cellule collapse </td>
    </tr>
  </table>
  </div>
</div>
<script>
initExemple('border-left-style',  'borderLeftStyle', ['none', 'outset', 'dotted', 'groove', 'solid', 'dotted', 'hidden', 'inherit'], 4); 
</script>