Maison > interface Web > tutoriel CSS > CSS : explication détaillée de l'utilisation de cellules vides pour la définition

CSS : explication détaillée de l'utilisation de cellules vides pour la définition

黄舟
Libérer: 2017-06-30 13:22:15
original
2023 Les gens l'ont consulté

En CSS, l'attribut de empty-cells précise s'il faut afficher les bordures et le fond des cellules vides dans le table . Cet article présente en détail la définition et l'utilisation des cellules vides, la syntaxe des cellules vides et des exemples de cellules vides.

Le rôle de l'attribut empty-cells en CSS est de spécifier s'il faut afficher les bordures et les arrière-plans des cellules vides dans le tableau.

Exemple d'attribut de cellules vides

Masquer les bordures et les arrière-plans des cellules vides du tableau :

table
  {
  border-collapse:separate;  empty-cells:hide;
  }
Copier après la connexion

Définition et utilisation des cellules vides

vide La propriété -cells définit s'il faut afficher les cellules vides dans le tableau (uniquement pour le mode "bordure détachée").

Remarque : Certaines versions des navigateurs IE ne prennent pas en charge cet attribut.

Description

Cette propriété 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é.

CSS : explication détaillée de lutilisation de cellules vides pour la définition

Syntaxe :

empty-cells : hide | show
Copier après la connexion

Paramètres :
masquer : Masquer
afficher : Afficher

Description :

Définissez ou récupérez s'il faut afficher la bordure d'une cellule de tableau lorsque la cellule n'a pas de contenu.
Cette propriété ne fonctionne que lorsque la bordure du tableau est indépendante (par exemple, lorsque la propriété border-collapse est égale à séparée).
Actuellement, IE5.5 ne prend pas en charge cet attribut.
La fonctionnalité de script correspondante est emptyCells. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal