Exemple
Utilisez la propriété de débordement pour faire défiler le contenu débordement:
document.getElementById("myDIV").style.overflow = "scroll"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de débordement ou des retours quoi faire avec le contenu qui rend l'extérieur de la boîte d'élément.
Tip: Si vous voulez masquer les barres de défilement du document entier, utilisez la propriété de débordement sur le corps ou l'élément html.
Support du navigateur
La propriété de débordement est pris en charge dans tous les navigateurs.
Syntaxe
Retour la propriété de débordement:
object .style.overflow
Définissez la propriété de débordement:
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| visible | Le contenu est pas et peut être clippé montré en dehors de la zone de l'élément. Ce défaut est |
| hidden | Contenu en dehors de la boîte d'élément n'est pas représenté |
| scroll | Les barres de défilement sont ajoutées, et le contenu est rognées si nécessaire |
| auto | Le contenu est clipsée et barres de défilement sont ajoutées lorsque nécessaire |
| 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 représentant le contenu qui rend l'extérieur de la boîte d'élément |
| version CSS | CSS2 |
autres exemples
Exemple
Utilisez la propriété de trop-plein pour cacher le contenu débordement:
document.getElementById("myDiv").style.overflow = "hidden"; Essayez vous - même » Exemple
Retour la propriété de débordement:
alert(document.getElementById("myDiv").style.overflow); Essayez vous - même » Pages associées
Tutoriel CSS: positionnement CSS
Référence CSS: la overflow property
<Style objet