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

<style>
.cadre-gris{ margin : 5px 0; }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
  <table width="400" border="1" cellspacing="0" cellpadding="0"  id="exemple-style-0">
    <tr>
        <td id="exemple-desc-0" >Valeur initiale</td>
        <td >Effet javascript borderCollapse</td>
    </tr>
  </table>
  </div>
  <div class="cadre-gris">
  <table width="400" border="1" cellspacing="3" cellpadding="0"  id="exemple-style-1">
    <tr>
        <td id="exemple-desc-1" >Valeur initiale</td>
        <td >Effet javascript borderCollapse</td>
    </tr>
  </table>
  </div>
</div>
<script>
initExemple('border-collapse',  'borderCollapse', ['collapse', 'separate', 'inherit'], 2); 
</script>