empty-cells CSS propriété

Définition de la CSS empty-cells.

La propriété CSS empty-cells permet de spécifier le rendu des bordures autour l'arrière plan, le rendu de ce dernier pour une cellule vide d'un tableau.

Exemple de syntaxe CSS empty-cells :
empty-cells : hide;
empty-cells : show;

La propriété de feuille de style empty-cells CSS peut pendre la valeur de :

  • show : les bordures sont dessinées autour de la cellule vide du tableau. valeur par défaut.
  • hide : aucune bordure n'est dessinée autour des cellules vides. L'arrière plan de la cellule vide n'est pas visible.
  • inherit : hérite de la propriété CSS empty-cells de son parent (CSS2)

Conditions d'application de la CSS empty-cells.

La propriété de feuille de style empty-cells CSS est applicable sur les éléments d'un tableau (Balise HTML ou XHTML , , , ...) ou sur un élément dont la valeur est égale 'table', 'inline-table', 'table-cell', ...

Héritage des valeurs Css de empty-cells.

La propriété empty-cells CSS hérité de son parent.

Problème d'interprétation de empty-cells en Css.

La propriété CSS empty-cells pose un problème d'interprétation sous Internet Explorer < 8.

La propriété de feuille de style empty-cells est interprétée que par les versions >=1.2 sous Safari.

Règles de syntaxes CSS pour empty-cells.

Qu'est qu'une cellule vide?

Une cellule de tableau ayant comme contenu &nbsp; ou " ", n'est pas considérée comme vide.

Cellule de tableau qui n'est pas vide :
<td> </td>
<td>&nbsp;</td>

Cellule de tableau qui est vide :
<td></td>
<th></th>

Si la propriété Css de la cellule a la valeur hidden, alors cette dernière est considérée comme vide.

Autres règles

Si toutes les cellules d'une ligne ont la valeur hide et elles sont considérées comme vides, cela revient avoir la propriété CSS display:none sur toutes les cellules.

Compatibilités navigateurs de la propriété empty-cells

Votre avis sur la définition empty-cells en CSS

Votez pour la définition CSS empty-cells

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/empty-cells-css.html Votes: 4.4 / 5 - 15 votes
Cliquez sur une étoile pour voter.