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 d'un tableau (<table>) qui n'ont aucun contenu visible.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Cette propriété est uniquement appliquée lorsque border-collapse vaut separate.
Syntaxe
/* Valeurs avec mot-clé */
empty-cells: show;
empty-cells: hide;
/* Valeurs globales */
empty-cells: inherit;
empty-cells: initial;
empty-cells: unset;
Cette propriété se définit avec l'un des mots-clés suivants.
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. |
| Valeur initiale | show |
|---|---|
| Applicabilité | éléments qui sont des cellules de tableau |
| Héritée | oui |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
Compatibilité des navigateurs
BCD tables only load in the browser