English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @RULES

大全 des attributs CSS

Méthode d'utilisation et exemple de l'attribut visibility de CSS

L'attribut visibility spécifie si un élément est visible ou non.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.

Valeur par défaut :visible
Applicable à :Tous les éléments
Héritage :Oui
Animable :Oui.Est-ce que Veuillez consulter
Attributs d'animationVersion : 2CSS3
object.style.visibility="hidden"

Syntaxe de l'utilisation de visibility

La syntaxe de cette propriété est la suivante :

visibility: visible | hidden | collapse | initial | inherit

Les exemples ci-dessous démontrent comment utiliser l'attribut visibility.

  p {
   visibility: hidden;
  }
  div {
   visibility: hidden;
  }
Vérifiez‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
visibleCe cadre et son contenu sont visibles. C'est la valeur par défaut.
hiddenCe cadre et son contenu sont invisibles mais affectent toujours la mise en page de la page.
collapse

Seulement applicable à certains objets internes de table : lignes, groupes de lignes, colonnes et groupes de colonnes. Il supprime l'objet mais n'affecte pas de manière autre que cela la mise en page du tableau. L'espace occupé par l'objet de tableau sera rempli par les objets homologues suivants.

Si un autre élément a été spécifié pour plier, son comportement est le même que pour cacher.

initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la valeur de l'attribut visibility de son élément parent.

Compatibilité du navigateur

La compatibilité du navigateur de l'attribut visibility est décrite dans le tableau suivant ; les numéros dans le tableau représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Visibilité de CSSAffichage de CSS

Propriétés associées :Display