Maison >interface Web >tutoriel CSS >Utilisation des propriétés de visibilité CSS

Utilisation des propriétés de visibilité CSS

PHPz
PHPzavant
2023-08-28 18:45:021052parcourir

CSS 可见性属性的使用

La propriété appelée "Visibilité" permet de masquer un élément à la vue. Vous pouvez utiliser cette propriété avec JavaScript pour créer des menus et des mises en page Web très complexes. L'attribut

visibilité peut prendre les valeurs listées dans le tableau ci-dessous

Valeur

Description

Visible

Affiche la boîte et son contenu à l'utilisateur .

Masquer

La boîte et son contenu deviennent invisibles, même s'ils affectent toujours la mise en page de la page.

Réduire

Cela ne fonctionne qu'avec les effets de colonne et de ligne de tableau dynamique.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour comprendre comment utiliser visible et cachévaleurs

<html>
   <head>
      <style>
         p {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <p style = "visibility:visible;">
         This paragraph is visible.
      </p>
      <p>
         This paragraph won&#39;t be visible.
      </p>
   </body>
</html>

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer