Attribut overflow-y CSS

Définition et utilisation

L'attribut overflow-y détermine si le contenu est coupé aux bords supérieur/infrérieur - si le contenu dépasse la zone de contenu de l'élément.

Astuce :Utilisation overflow-x Attribut pour déterminer la coupure des bords gauche/droite.

Tutoriel CSS :Débordement CSS

Manuel de référence HTML DOM :Attribut overflowY

Exemple

Couper les bords gauche/droite du contenu du div - si le contenu dépasse la zone de contenu de l'élément :

div
{
overflow-y:hidden;
}

Essayez-le vous-même

Syntaxe CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Valeur de l'attribut

Valeur Description Test
visible Ne pas couper le contenu, peut être visible en dehors de la boîte de contenu. Test
hidden Couper le contenu - Ne pas fournir de mécanisme de défilement. Test
scroll Couper le contenu - Fournir un mécanisme de défilement. Test
auto Si le contenu dépasse la boîte, fournir un mécanisme de défilement. Test
no-display Si le contenu ne s'adapte pas à la boîte de contenu, supprimer tout le cadre. Test
no-content Si le contenu ne s'adapte pas à la boîte de contenu, cacher tout le contenu. Test

Détails techniques

Valeur par défaut : visible
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.overflowY="scroll"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété en totalité.

Les nombres précédés de -ms- représentent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5