Propriété de style overflowX
Exemple
Faites défiler horizontalement si le texte déborde de la zone de contenu de l'élément :
document.getElementById("myDIV").style.overflowX = "scroll";
Définition et utilisation
La propriété overflowX spécifie ce qu'il faut faire avec les bords gauche/droit du contenu - s'il déborde de la zone de contenu de l'élément.
Astuce : Utilisez la propriété overflowY pour déterminer le découpage des bords supérieur et inférieur.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
overflowX | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété overflowX :
object.style.overflowX
Définissez la propriété overflowX :
object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
visible | The content is not clipped, and it may be rendered outside the content box |
hidden | The content is clipped - and no scrolling mechanism is provided |
scroll | The content is clipped and a scrolling mechanism is provided |
auto | Should cause a scrolling mechanism to be provided for overflowing boxes |
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 la propriété overflow-x d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété overflow-x
❮ Objet de style