Propriété de débordement CSS
Exemple
Afficher différentes valeurs de propriété de débordement :
div.ex1 {
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow:
auto;
}
div.ex4 {
overflow: visible;
}
Définition et utilisation
La overflowpropriété spécifie ce qui doit se passer si le contenu déborde de la boîte d'un élément.
Cette propriété spécifie s'il faut couper le contenu ou ajouter des barres de défilement lorsque le contenu d'un élément est trop grand pour tenir dans une zone spécifiée.
Remarque : La overflowpropriété ne fonctionne que pour les éléments de bloc avec une hauteur spécifiée.
| Valeur par défaut: | visible |
|---|---|
| Hérité: | non |
| Animable : | non. En savoir plus sur l'animation |
| Version: | CSS2 |
| Syntaxe JavaScript : | objet .style.overflow="scroll" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
| Property | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Remarque : sous OS X Lion (sur Mac), les barres de défilement sont masquées par défaut et ne s'affichent que lorsqu'elles sont utilisées (même si "overflow:scroll" est défini).
Syntaxe CSS
overflow: visible|hidden|scroll|auto|initial|inherit;
Valeurs de propriété
| Value | Description | Play it |
|---|---|---|
| visible | The overflow is not clipped. It renders outside the element's box. This is default | |
| hidden | The overflow is clipped, and the rest of the content will be invisible | |
| scroll | The overflow is clipped, but a scroll-bar is added to see the rest of the content | |
| auto | If overflow is clipped, a scroll-bar should be added to see the rest of the content | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : débordement CSS
Tutoriel CSS : Positionnement CSS
Référence HTML DOM : propriété de débordement