communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Utilisation des propriétés de visibilité CSS

Utilisation des propriétés de visibilité CSS

PHPz
Libérer： 2023-08-28 18:45:02
avant
1079 Les gens l'ont consulté

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>
Copier après la connexion

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!

source：tutorialspoint.com
Article précédent：Utilisez CSS pour obtenir des effets d'animation rebondissants Article suivant：Le rôle de la valeur de ligne de la propriété CSS flex-direction
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2229
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2372
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1984
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1869
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1939
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal