Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété de visibilité indique si un élément est visible.
Tip: Même les éléments invisibles prennent de l' espace sur la page. Utilisez l' affichage propriété pour créer des éléments invisibles qui ne prennent pas de place!
| Valeur par défaut: | visible |
|---|---|
| Hérité: | yes |
| Animable: | yes. Read about animatable |
| Version: | CSS2 |
| Syntaxe JavaScript: | object .style.visibility="hidden" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
Syntaxe CSS
visibility: visible|hidden|collapse|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| visible | Valeur par défaut. L'élément est visible | Joue-le " |
| hidden | L'élément est invisible (but still takes up space) l' (but still takes up space) | Joue-le " |
| collapse | Seulement pour les éléments de table. effondrement supprime une ligne ou une colonne, mais elle n'a aucune incidence sur la disposition de table. L'espace occupé par la ligne ou la colonne sera disponible pour d'autres contenus. Si l' effondrement est utilisé sur d' autres éléments, il rend comme "hidden" | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Autres exemples
Exemple
Cet exemple montre comment faire un élément de table effondrement:
tr.collapse {
visibility: collapse;
} Essayez - le vous - même » Pages associées
Tutoriel CSS: CSS affichage et de visibilité
Référence HTML DOM: visibility property