Maison > Article > interface Web > Comment utiliser l'attribut de visibilité CSS
Définition et utilisation de l'attribut de visibilité
En CSS, l'attribut de visibilité est utilisé pour définir si un élément est visible. Cet attribut définit les éléments invisibles. prennent également de la place sur la page. Si vous souhaitez définir un élément invisible qui n'occupe pas l'espace de la page, vous pouvez utiliser l'attribut display (la différence entre les deux attributs : l'utilisation des attributs d'affichage et de visibilité).
valeur de l'attribut visibilité
visible : l'élément est visible (valeur par défaut)
caché : l'élément est invisible, masqué
collapse : Lorsqu'il est utilisé sur des éléments du tableau, une ligne ou une colonne sera supprimée sans affecter la disposition du tableau lorsqu'il est utilisé sur d'autres éléments, c'est la même chose que caché
hériter : hériter de la valeur de la visibilité ; attribut de l’élément parent.
Format de grammaire :
visibilité : visible / caché / réduire / hériter
1. visibilité : visible détails
visible; : L'élément défini par la valeur d'attribut visible est visible et constitue la valeur d'attribut par défaut.
Deux : visibilité : masqué ; Détails
masqué : L'élément défini par la valeur de l'attribut masqué est invisible et n'est pas affiché, mais l'élément occupera toujours l'espace d'origine.
3. visibilité:collapse; Détails
collapse : la valeur de l'attribut d'effondrement définit différents éléments pour avoir des effets différents.
Lorsqu'il est utilisé sur des éléments non-tableaux : une ligne ou une colonne sera supprimée sans affecter la disposition du tableau
Lorsqu'il est utilisé sur des éléments non-tableaux : il a le même effet que l'attribut caché ; value;
Quatre : visibilité : hériter ; Détails
hériter : L'élément défini par la valeur de l'attribut héritera de la valeur de l'attribut de visibilité de l'élément parent, c'est-à-dire quel est l'attribut de visibilité valeur de l'élément parent et la valeur de l'attribut de visibilité de l'élément est Quoi.
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!