Propriété de débordement de style
Exemple
Utilisez la propriété overflow pour faire défiler le contenu qui déborde :
document.getElementById("myDIV").style.overflow = "scroll";
Définition et utilisation
La propriété overflow définit ou renvoie ce qu'il faut faire avec le contenu qui s'affiche en dehors de la zone d'élément.
Conseil : Si vous souhaitez masquer les barres de défilement de l'ensemble du document, utilisez la propriété overflow sur le corps ou l'élément html.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété overflow :
object.style.overflow
Définissez la propriété overflow :
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | visible |
---|---|
Valeur de retour : | Une chaîne, représentant le contenu qui s'affiche en dehors de la zone de l'élément |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Utilisez la propriété overflow pour masquer le contenu qui déborde :
document.getElementById("myDiv").style.overflow = "hidden";
Exemple
Renvoyez la propriété overflow :
alert(document.getElementById("myDiv").style.overflow);
Pages connexes
Tutoriel CSS : débordement CSS
Tutoriel CSS : Positionnement CSS
Référence CSS : propriété de débordement
❮ Objet de style