Exemple
Faites défiler horizontalement si le texte dépasse la zone de contenu de l'élément:
document.getElementById("myDIV").style.overflowX = "scroll"; Essayez vous - même » Définition et utilisation
La propriété overflowX précise ce qu'il faut faire avec les bords gauche / droite du contenu - si elle déborde la zone de contenu de l'élément.
Tip: Utilisez la overflowY propriété pour déterminer un écrêtage aux bords supérieur et inférieur.
Support du navigateur
La propriété overflowX est pris en charge dans tous les principaux navigateurs.
Note: La propriété overflowX ne fonctionne pas correctement dans IE8 et plus tôt.
Syntaxe
Retour la propriété overflowX:
object .style.overflowXDéfinissez la propriété overflowX:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| visible | Le contenu ne sera pas rogné, et il peut être rendu en dehors de la zone de contenu |
| hidden | Le contenu est clipsé - et aucun mécanisme de défilement est fourni |
| scroll | Le contenu est coupé et un mécanisme de défilement est prévu |
| auto | Devrait provoquer un mécanisme de défilement à fournir pour les boîtes à débordement |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | visible |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété overflow-x d'un élément |
| version CSS | CSS3 |
Pages associées
Référence CSS: la overflow-x property
<Style objet