documentation css visibility
Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » visibilityTable des matières
visibility
Version CSS : 2
- S’applique à : Tous les éléments.
- Valeur héritée : Oui
- Valeur par défaut : Visible.
Compatibilité
| Navigateur | IE 6 | IE 7 | Firefox 1.5 | Firefox 2 | Opera 8.5 | Opera 9 | Konqueror 3.5 | Safari 2 |
|---|---|---|---|---|---|---|---|---|
| visibility | Partiel | Partiel | Oui | Oui | Oui | Oui | Non testé | Non testé |
| visible | Oui | Oui | Oui | Oui | Oui | Oui | Non testé | Non testé |
| hidden | Oui | Oui | Oui | Oui | Oui | Oui | Non testé | Non testé |
| collapse | Non | Non | Oui | Oui | Partiel | Partiel | Non | Non testé |
| inherit | Oui | Oui | Oui | Oui | Oui | Oui | Non testé | Non testé |
Explications
Visibility permet de cacher ou non certains éléments.
Attention, malgré la propriété définie à ‘hidden’ l’espace représentant l’élément est conservé, sans l’élément, mais reste vide.
- De cette manière, les autres éléments de la page, en position relative, conserveront leur position initiale (mise en page conservée).
- Pour ne pas tenir compte de la place occupée par l’élément caché, préférez la propriété ‘display’ associée à la valeur ‘none’
Exemple de script
.tableau1{ visibility: visible; } .tableau2{ visibility: hidden; }
veille



