Attribut EMPTY-CELLS
Rôle
L’attribut empty-cells spécifie si les cellules de tableau vides doivent être affichées ou pas.
Vous pouvez appliquer cet attribut sur les balises td ou tr du tableau.
Version : CSS2
Héritage (inherit) : oui
Propriété Javascript : element.style.emptyCells
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
td{
empty-cells: hide;
background-color: pink;
}
– Le code HTML
<table border="1">
<tbody><tr>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td></td>
</tr>
</tbody></table>
Résultat
Les cellules vides du tableau ne sont pas affichées.
Compatibilité
L’attribut empty-cells est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 8.
Valeurs
Les différentes valeurs de l’attribut empty-cells sont:
- show
- Cellules vides sont affichées : valeur par défaut
Syntaxe :
empty-cells : show - hide
- Cellules vides sont cachées
Syntaxe :
empty-cells : hide - initial
- Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité.
Syntaxe :
empty-cells : initial - inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
empty-cells : inherit
A voir aussi
border – box-sizing – clip – height – width – margin – padding – overflow – max-width – min-width – resize
