visibility CSS propriété

Définition de la CSS visibility.

La propriété de Visibilité CSS visibility permet de cacher un élément tout en gardant visible l'espace qu'il occupe, on dit que l'élément reste dans le flux. Si au contraire, vous voulez que l'élément sort du flux, vous devez utiliser propriété Css display à la valeur none qui permet de cacher un élément sans garder l'espace qu'il occupait visible.

visibility : hidden;
visibility : visible;
visibility : collapse;

La propriété de feuille de style visibility CSS peut prendre la valeur de visibilité :

• visible : le contenu d'un élément est visible, valeur par défaut.
• hidden : le contenu d'un élément est caché, mais l'espace occupé par l'élément reste visible.
• collapse : est utilisée les tableaux, dans la cas contraire le comportement est égal à hidden, l'espace normalement occupé par la ligne ou la colonne devient disponible. Si sur une cellule son contenu est caché.
• inherit : hérite de la propriété CSS visibility de son parent (CSS 2).

Exemple de code visibility CSS

Conditions d'application de la CSS visibility.

La propriété CSS visibility est applicable sur toutes les balises HTML ou XHTML.

Héritage des valeurs Css de visibility.

La propriété CSS visibility hérite de son parent.

Problème d'interprétation de visibility en Css.

La propriété CSS visibility ne pose aucun problème d'interprétation, sauf pour visibility : collapse

Conditions d'animation de visibility en CSS3.

La propriété visibility CSS peut être animée mais sa valeur ne peut être : visible et non visible, pas de valeurs intermédiaires.

La CSS visibility est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.