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

<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">
    <span id="exemple-desc-0">Valeur par défaut</span>
    <div id="exemple-style-0" class="cadre-vert" >Effet display</div>
  </div>
  <div class="cadre-gris">
    <span id="exemple-desc-1">Valeur par défaut</span>
    <div id="exemple-style-1" class="cadre-vert" >Effet display</div>
  </div>
  <ul class="cadre-gris">
    <li id="exemple-desc-2">Valeur par défaut</li>
    <li id="exemple-style-2" class="cadre-vert" >Effet display</li>
  </ul>
  <div class="cadre-gris">
  <table border="1">
    <tr>
      <td id="exemple-desc-3">Valeur par défaut</td>
      <td id="exemple-style-3" class="cadre-vert" >Effet display</td>
     </tr>
   <table>
  </div>
</div>
<script>
initExemple('display',  'display', ['table-cell', 'list-item', 'inline-block', 'block', 'inline', 'none', 'inherit'], 4); 
</script>