CSS - Visibilité

Une propriété appelée visibilité vous permet de masquer un élément de la vue. Vous pouvez utiliser cette propriété avec JavaScript pour créer des menus très complexes et des présentations de page Web très complexes.

Vous pouvez choisir d'utiliser la propriété de visibilité pour masquer les messages d'erreur qui ne s'affichent que si l'utilisateur a besoin de les voir, ou pour masquer les réponses à un quiz jusqu'à ce que l'utilisateur sélectionne une option.

NOTE - N'oubliez pas que le code source contiendra toujours tout ce qui se trouve dans le paragraphe invisible, vous ne devez donc pas l'utiliser pour masquer des informations sensibles telles que les détails de la carte de crédit ou les mots de passe.

La propriété de visibilité peut prendre les valeurs répertoriées dans le tableau qui suit -

N ° Sr. Valeur et description
1

visible

La boîte et son contenu sont présentés à l'utilisateur.

2

hidden

La boîte et son contenu sont rendus invisibles, bien qu'ils affectent toujours la mise en page de la page.

3

collapse

Ceci est à utiliser uniquement avec les colonnes de tableau dynamique et les effets de ligne.

Voici un exemple -

<html>
   <head>
   </head>

   <body>
      <p>
         This paragraph should be visible in normal way.
      </p>
   
      <p style = "visibility:hidden;">
         This paragraph should not be visible.
      </p>
   </body>
</html>

Il produira le résultat suivant -