Maison > Article > interface Web > Comment utiliser l'attribut CSS de cellules vides
Comment utiliser l'attribut CSS de cellules vides
- 青灯夜游original
- 2019-05-28 17:16:422662parcourir
La propriété CSS empty-cells est utilisée pour définir s'il faut afficher les cellules vides dans le tableau (uniquement pour le mode "bordure détachée"). Cette propriété définit la manière dont les cellules du tableau ne contenant aucun contenu sont représentées ; si elles sont affichées, les bordures et l'arrière-plan de la cellule sont dessinés.
Comment utiliser l'attribut CSS empty-cells ? La propriété
empty-cells définit s'il faut afficher les cellules vides dans le tableau (uniquement pour le mode "bordure détachée").
Syntaxe :
empty-cells:hide|show|inherit;
Valeur de la propriété :
masquer : Ne tracez pas de bordure autour des cellules vides.
show : tracez une bordure autour des cellules vides. défaut.
inherit : Spécifie que la valeur de l'attribut empty-cells doit être héritée de l'élément parent.
Description : Cet attribut définit la façon dont les cellules du tableau ne contenant aucun contenu sont représentées. S'ils sont affichés, les bordures et l'arrière-plan de la cellule sont dessinés. Cette propriété est ignorée sauf si border-collapse est défini sur séparé, c'est-à-dire en mode "bordure séparée".
Remarque : Tous les navigateurs prennent en charge l'attribut cellules vides. Internet Explorer 8 (et versions ultérieures) prend en charge l'attribut cellules vides si !DOCTYPE est spécifié. Certaines versions d'IE ne prennent pas en charge cet attribut.
Exemple d'attribut CSS de cellules vides
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
table
{
border-collapse:separate;
empty-cells:hide;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>
</body>
</html>Rendu :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!