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

<style>
.cadre-gris{ margin : 5px 0; }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <span>Cliquez-moi!</span>
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
  <p id="exemple-style-0" class="cadre-vert" >Valeur js récupérée</p>
  </div>
  <div class="cadre-gris">
  <span id="exemple-style-1" class="cadre-vert">Valeur js récupérée</span>
  </div>
    <div class="cadre-gris">
<table border="1" cellspacing="0" cellpadding="2">
  <tr>
    <th id="exemple-style-2">Valeur js récupérée</th>
  </tr>
  <tr>
    <td id="exemple-style-3">Valeur js récupérée</td>
  </tr>
</table>

  </div>
</div>
<script>
initExemple('padding',  'padding', ['0', '10px','10px 10px', '1em 1ex', '1em 1ex 10px 5%'], 4); 
</script>