overflow-y

Résumé

La propriété CSS overflow-y définit s'il faut rogner, afficher des barres de défilement, ou afficher le contenu d'un élément de type bloc qui dépasse dans le seul axe vertical.

  • Valeur initiale visible
  • S'applique à non-replaced block-level elements and non-replaced inline-block elements
  • Héritée non
  • Pourcentages
  • Média visual
  • Valeur calculée comme spécifié
  • Animable non
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

Syntaxe formelle : visible | hidden | scroll | auto
overflow-y: visible
overflow-y: hidden
overflow-y: scroll
overflow-y: auto

overflow-y: inherit

Valeurs

visible
Valeur par défaut. Le contenu n'est pas rogné, il peut être affiché en dehors de la boîte de contenu en haut et en bas.
hidden
Le contenu est rogné en haut et en bas et aucune barre de défilement verticale n'est affichée.
scroll
Le contenu est rogné et les navigateurs de bureau utilisent des barres de défilement verticales, que du contenu soit rogné ou non. Ceci évite tout problème de barre de défilement qui apparaissent puis disparaissent dans un environnement dynamique. Les imprimantes peuvent imprimer le contenu hors cadre.
auto
Dépend de l'user-agent. Les navigateurs de bureau comme Firefox affichent des barres de défilement horizontales si le contenu dépasse en haut ou en bas.

Exemple

nav {  
     overflow-y: auto;   /* ajoute des barres de défilement verticales si nécessaire */ 
}

Spécifications

Spécification Statut Commentaire
CSS Basic Box Model Working Draft  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support basique 1.0 Unknown (1.5) 5.0 [*] 9.5 3.0
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support basique 1.0 (Oui) 1.0 (1.5) (Oui) (Oui) (Oui)

[*] IE8 a introduit -ms-overflow-y comme synonyme de overflow-y. N'utilisez pas le préfixe -ms-.

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, enogael, FredB, tregagnon, Delapouite, Igro
Dernière mise à jour par : teoli,
Masquer la barre latérale