mozilla
Vos résultats de recherche

    overflow-x

    Cette fonction est expérimentale
    Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
    Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

    Résumé

    La propriété CSS overflow-x définie comment le contenu est rogné dans le sens horizontal, les barres de défilement affichées ou afficher le contenu en débord dans un élément bloc sur ses cotés droit et gauche.

    • 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-x: visible
    overflow-x: hidden
    overflow-x: scroll
    overflow-x: auto
    
    overflow-x: 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 à droite ou à gauche.
    hidden
    Le contenu est rogné à droite et à gauche et aucune barre de défilement horizontale n'est affichée.
    scroll
    Le contenu est rogné et les navigateurs de bureau utilisent des barres de défilement horizontales, 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 à droite ou à gauche.

    Exemples

    nav {  
         overflow-x: auto;   /* ajoute des barres de défilement horizontales 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 3.5 (1.9.1) 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.9.1) (Oui) (Oui) (Oui)

    [*] IE8 a introduit -ms-overflow-x synonyme pour overflow-x. N'utilisez pas le préfixe -ms-.

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Igro, tregagnon, Delapouite, teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale