empty-cells

La propriété empty-cells définit la façon dont l'agent utilisateur doit afficher les bordures et l'arrière-plan des cellules qui n'ont aucun contenu visible.

Valeur initialeshow
Applicabilitééléments qui sont des cellules de tableau
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeurs avec mot-clé */
empty-cells: show;
empty-cells: hide;

/* Valeurs globales */
empty-cells: inherit;
empty-cells: initial;
empty-cells: unset;

Valeurs

show
Un mot-clé indiquant que les bordures et l'arrière-plan doivent être dessinés comme pour les cellules normales.
hide
Un mot-clé indiquant qu'aucune bordure ou arrière-plan ne doit être dessiné.

Syntaxe formelle

show | hide

Exemples

HTML

<table class="table_1">
    <tr>
        <td>Jean</td>
        <td>Biche</td>
    </tr>
    <tr>
        <td>Alice</td>
        <td></td>
    </tr>
</table>
<table class="table_2">
    <tr>
        <td>Jean</td>
        <td>Biche</td>
    </tr>
    <tr>
        <td>Alice</td>
        <td></td>
    </tr>
</table>

CSS

.table_1 {
  empty-cells: show;
}
.table_2 { 
  empty-cells: hide;
}

td, th {
  border: 1px solid #999;
  padding: 0.5rem;
}

Résultat

Spécifications

Spécification État Commentaires
CSS Level 2 (Revision 1)
La définition de 'empty-cells' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) 8.0 4.0 1.2
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple 1 1.0 (1.0) 8 6 3.1

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, fscholz, Sebastianz, teoli, FredB
 Dernière mise à jour par : SphinxKnight,