Overflow (propriété CSS)

Définit ce qui se passe lorsque le contenu d'un élément est trop grand.

Voir aussi la propriété Clip.

Valeurs pour Overflow.

  Auto Valeur définie par le navigateur.
  Visible Le contenu est visible en entier même si cela provoque un agrandissement de l'élément.
  Hidden La partie du contenu qui dépasse de l'élément est invisible.
  Scroll La partie du contenu qui dépasse de l'élément est invisible mais des barres de défilement permettent de l'afficher.
  Inherit Valeur identique à celle de l'élément parent.
-Moz-Scrollbars-Horizontal La barre de défilement horizontale peut apparaître si nécessaire.
-Moz-Scrollbars-Vertical La barre de défilement verticale peut apparaître si nécessaire.
-Moz-Scrollbars-None Aucune barre de défilement ne sera affichée même si nécessaire. Même effet que la valeur standard Hidden.

Exemples.

Overflow: Hidden;

La valeur Hidden a été attribuée à la propriété Overflow du cadre : une partie seulement de l'image est visible dans le cadre.

Exemple pour Overflow = Hidden

Overflow: Scroll;

La valeur Scroll a été attribuée à la propriété Overflow du cadre : des barres de défilement permettent de visualier le contenu en entier.

Exemple pour Overflow = Scroll

Overflow: Visible;

Avec la valeur Visible, le contenu est visible en entier. Suivant les navigateurs le cadre peut être agrandi ou bien le contenu déborde du cadre.

Exemple pour Overflow = Visible

 

 

Les exemples ci-après ne fonctionnent que sur un navigaeur Mozilla.

Overflow: -Moz-Scrollbars-Horizontal;

Seule la barre de défilement horizontale est affichée.

Exemple pour Overflow = -Moz-Scrollbars-Horizontal

Overflow: -Moz-Scrollbars-Vertical;

Seule la barre de défilement verticale est affichée.

Exemple pour Overflow = -Moz-Scrollbars-Vertical
Pour toute utilisation des informations de cette page, reportez vous au copyright