CSS - Propriété visibility
Description.
La propriété visibility
définit la visibilité d'un élément.
Attention : dans la plupart des cas, même lorsque l'élément n'est pas visible,
son emplacement est conservé.
Voir aussi la propriété CSS display
qui peut aussi masquer
un élément avec la valeur none
.
Syntaxes pour visibility
.
- visibility: visible;
Valeur par défaut. L'élément est visible.
- visibility: hidden;
L'élément n'est pas visible mais sa place est réservée.
- visibility: collapse;
L'élément n'est pas visible et sa place n'est pas réservée. Cette valeur ne s'applique qu'à certains éléments des tableaux :
- tr (ligne de tableau) : la ligne est masquée et les lignes suivantes sont remontées à sa place.
- tbody (corps de tableau) : le corps du tableau disparait, ainsi que son emplacement.
- col : colonne de tableau : la colonne est masquée et son emplacement est récupéré. Les colonnes suivantes sont décalées vers la gauche mais leur largeur n'est pas modifiée (la largeur du tableau est donc réduite).
- colgroup (groupe de colonnes de tableau) : même comportement que pour les colonnes.
- td (cellule de tableau) : la cellule est invisible mais le tableau n'est pas restructuré.
Il y a donc une case blanche à la place de la cellule.
collapse
est équivalent àhidden
.
Pour tous les autres types d'éléments, la valeur
collapse
est équivalente àhidden
. - visibility:
initial
;La valeur initiale est
visible
. -
Reportez-vous à la description générale de ces valeurs.
Simulateur.
Le simulateur applique la propriété visibility
sur plusieurs éléments de types différents
(les éléments concernés sont sur fond bleu) :
- Un élément du type bloc (div).
- Un élément du type inline (sapn).
- Une ligne du tableau (deuxième ligne).
- Un cellule de tableau (celle de Janvier).
visibility
:
visibility
sur un élément du type bloc.
visibility
sur un élément du type inline.
Janvier | Février | Mars | Avril |
Mai | Juin | Juillet | Août |
Septembre | Octobre | Novembre | Décembre |
Voir aussi...
Affichage/masquage d'éléments - Propriétés.
display
: Type de l'élément et la façon de l'afficher.