Contenu Contenu Contenu
Contenu Contenu Contenu
Contenu Contenu Contenu
Contenu Contenu Contenu
Contenu Contenu Contenu
Contenu Contenu Contenu

La propriété visibilité permet donc de rendre visible ou invisible des éléments HTML. Dans cet exemple, nous voyons donc une image possédant la valeur hidden en haut à gauche, celle de droite sans style, celle du bas à gauche avec la valeur visible et enfin le tableau a des cellules invisibles et normalement d'autres devraient posséder la valeur collapse comme le tableau lui-même.

<style>
   .cachee {visibility: hidden}
   .visible {visibility: visible}
   .collapse {visibility: collapse}
</style>
...
<img 
   src="./images/Paris.jpg" 
   border="0" width="350" height="230">
<img 
   class="cachee" 
   src="./images/Paris.jpg" 
   border="0" width="350" height="230">
<img 
   class="visible" 
   src="./images/Paysage.jpg" 
   border="0" width="320" height="240">
<table width="350" height="230" border="1" class="collapse">
  <tr>
      <td class="cachee">Contenu</td>
      <td>Contenu</td>
      <td class="cachee">Contenu</td>
  </tr>
  <tr>
      <td>Contenu</td>
      <td class="collapse">Contenu</td>
      <td>Contenu</td>
  </tr>
  <tr>
      <td>Contenu</td>
      <td class="collapse">Contenu</td>
      <td>Contenu</td>
  </tr>
  <tr>
      <td>Contenu</td>
      <td class="collapse">Contenu</td>
      <td>Contenu</td>
  </tr>
  <tr>
      <td>Contenu</td>
      <td class="collapse">Contenu</td>
      <td>Contenu</td>
  </tr>
  <tr>
      <td class="cachee">Contenu</td>
      <td>Contenu</td>
      <td class="cachee">Contenu</td>
  </tr>
</table>