documentation css visibility

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » visibility

Table 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
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod