Propriété visibility CSS

Définition et utilisation

La propriété visibility détermine si un élément est visible.

Astuce :Même les éléments invisibles occupent de l'espace sur la page. Utilisez l'attribut "display" pour créer des éléments invisibles qui ne prennent pas de place sur la page.

Description

Cette propriété spécifie si un élément génère un cadre d'élément. Cela signifie que l'élément occupe toujours son espace d'origine, mais peut être complètement invisible. La valeur collapse est utilisée dans le tableau pour supprimer des colonnes ou des lignes du layout de tableau.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel de référence HTML DOM :Propriété visibility

Exemple

Rendre invisible l'élément h2 :

h2
  {
  visibility:hidden;
  }

Essayer par vous-même

Syntaxe CSS

visibility: visible|hidden|collapse|initial|hérité;

Valeur de l'attribut

Valeur Description
visible Valeur par défaut. L'élément est visible.
hidden L'élément est invisible.
collapse Lorsqu'il est utilisé dans un élément de tableau, cette valeur peut supprimer une ligne ou une colonne, mais elle n'affecte pas la mise en page du tableau. L'espace occupé par la ligne ou la colonne est laissé pour d'autres contenus. Si cette valeur est utilisée sur d'autres éléments, elle s'affiche comme "hidden".
hérité Définit que la valeur de la propriété visibility doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : visible
Héritabilité : oui
Version : CSS2
Syntaxe JavaScript : object.style.visibility="hidden"

TIY exemple

Comment rendre un élément invisible
Cet exemple montre comment rendre un élément invisible. Voulez-vous que l'élément soit visible ou non ?
Régler l'élément de tableau en collapse
Cet exemple montre comment faire apparaître les éléments de tableau叠加？

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0