Attribut overflow de style

Définition et utilisation

overflow Définit ou retourne comment traiter le contenu qui apparaît en dehors de la boîte de l'élément.

Astuce :Pour cacher la barre de défilement entière du document, utilisez l'attribut overflow des éléments body ou html.

Voir également :

Tutoriel CSS :Débordement CSS

Tutoriel CSS :Positionnement CSS

Manuel CSS :Attribut overflow

Exemple

Exemple 1

Utiliser l'attribut overflow pour faire défiler le contenu en excès :

document.getElementById("myDIV").style.overflow = "scroll";

Essayez-le vous-même

Exemple 2

Utiliser l'attribut overflow pour cacher le contenu en excès :

document.getElementById("myDiv").style.overflow = "hidden";

Essayez-le vous-même

Exemple 3

Retourner l'attribut overflow :

alert(document.getElementById("myDiv").style.overflow);

Essayez-le vous-même

Syntaxe

Retourner l'attribut overflow :

objet.style.overflow

Définir l'attribut overflow :

objet.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

Valeur de l'attribut

Valeur Description
visible Le contenu n'est pas coupé, pourrait apparaître en dehors de la boîte de l'élément. Par défaut.
hidden Ne montre pas le contenu en dehors de la boîte de l'élément.
scroll Ajoute une barre de défilement et裁剪内容，如果需要。
auto Coupe le contenu nécessairement et ajoute une barre de défilement.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : visible
Valeur de retour : Chaîne, indiquant le contenu rendu en dehors de la boîte d'élément.
Version CSS : CSS2

Supporte par le navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support