Propriété empty-cells de CSS

Définition et utilisation

L'attribut empty-cells détermine si les cellules vides du tableau doivent être affichées (uniquement pour le mode "bordures séparées").

Remarque :Certaines versions du navigateur IE ne prennent pas en charge cet attribut.

Explication

Cette propriété définit comment les cellules du tableau sans contenu sont représentées. Si elle est affichée, la bordure et le fond de la cellule sont dessinés. Sauf si border-collapse est réglé sur separate, cette propriété est ignorée.

Voir également :

Tutoriel CSS :Tableaux CSS

Manuel de référence HTML DOM :Attribut emptyCells

Exemple

Masquer les bordures et le fond des cellules vides du tableau :

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

Essayez-le vous-même

Syntaxe CSS

empty-cells: show|hide|initial|inherit;

Valeur de l'attribut

Valeur Description
hide Ne pas dessiner de bordure autour des cellules vides.
show Dessiner une bordure autour des cellules vides. Par défaut.
inherit L'attribut empty-cells doit être hérité de l'élément parent.

Détails techniques

Valeur par défaut : show
Héritabilité : yes
Version : CSS2
Syntaxe JavaScript : object.style.emptyCells="hide"

Support du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge pleinement cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.2 4.0

Remarque :Si !DOCTYPE est spécifié, Internet Explorer 8 (et versions supérieures) prennent en charge l'attribut empty-cells.