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é

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

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

Catégoriescss