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

黄舟
黄舟original
2017-06-30 13:22:152003parcourir

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;
  }

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

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; }

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!

Déclaration:
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