Accueil    CSS    Propriété Empty-cells
 



style css empty-cells  Style CSS empty-cells

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété empty-cells est employée pour définir le style à appliquer sur les cellules vides d'un tableau (balise html <table>).
Positionnée à "show" elle indique que le style des bordures doit être appliqué aux cellules vide de la table. Positionnée à "hide" elle indique qu'aucun style ne sera appliqué aux cellules vide.

Remarque : Une cellule vide est une cellule sans aucun caractère c'est à dire sans espace ce qui équivaut à coller le tag de fermeture de la cellule à celui d'ouverture : <td ...></td>



Propriétés pour le style empty-cells :




Propriété Définition Valeurs CSS
empty-cells Spécifique à l'affichage des tableaux : permet d'afficher ou non le style appliqué à des cellules vides hide
show
inherit
CSS 2


Exemple d'utilisation du style css empty-cells :





Exemple avec la propriété empty-cells positionnée à "hide" :

<table cellpadding="0" cellspacing="0" style="border-collapse:separate; empty-cells:hide;">
   <tr><td>cellule 1</td><td></td><td>cellule 3</td></tr>
   <tr><td>cellule 4</td><td>cellule 5</td><td></td></tr>
</table>

Exemple avec la propriété empty-cells positionnée à "show" :

<table cellpadding="0" cellspacing="0" style="border-collapse:separate; empty-cells:show;">
   <tr><td>cellule 1</td><td></td><td>cellule 3</td></tr>
   <tr><td>cellule 4</td><td>cellule 5</td><td></td></tr>
</table>




Exemple avec la propriété empty-cells positionnée à "hide" :

cellule 1cellule 3
cellule 4cellule 5


Exemple avec la propriété empty-cells positionnée à "show" :

cellule 1cellule 3
cellule 4cellule 5