Propriété CSS overflow-x

Définition et utilisation

L'attribut overflow-x détermine si les bords gauche/droit du contenu doivent être coupés - si le contenu dépasse la zone de contenu de l'élément.

Astuce :Utilisation overflow-y attribut pour déterminer la coupure des bords supérieur/inferieur.

Tutoriel CSS :CSS débordement

Manuel de référence HTML DOM :overflowX attribut

Exemple

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

div
{
overflow-x:hidden;
}

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description Test
visible Ne pas couper le contenu, il pourrait s'afficher 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 toute la boîte. Test
no-content Si le contenu ne s'adapte pas à la boîte de contenu, masquer tout le contenu. Test

Détails techniques

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

Prise en charge du navigateur

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

Les nombres avec -ms- en préfixe indiquent la première version utilisant le préfixe.

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