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.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
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