Propriété CSS overflow-y
Exemple
Afficher différentes valeurs de propriété overflow-y :
div.ex1 {
overflow-y: scroll;
}
div.ex2 {
overflow-y: hidden;
}
div.ex3 {
overflow-y:
auto;
}
div.ex4 {
overflow-y: visible;
}
Définition et utilisation
La overflow-y
propriété spécifie s'il faut découper le contenu, ajouter une barre de défilement ou afficher le contenu de débordement d'un élément de niveau bloc, lorsqu'il déborde sur les bords supérieur et inférieur.
Astuce : Utilisez la propriété overflow-x pour déterminer l'écrêtage sur les bords gauche et droit.
Valeur par défaut: | visible |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.overflowY="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é.
Les nombres suivis de -ms-, spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
overflow-y | 4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
Syntaxe CSS
overflow-y: visible|hidden|scroll|auto|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
visible | The content is not clipped, and it may be rendered outside the content box. This is default | |
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 |
Pages connexes
Tutoriel CSS : débordement CSS
Référence HTML DOM : propriété overflowY