Propriété overflow-xde CSS3
Exemple
S'il déborde de la zone de contenu de l'élément, il rogne le contenu des bords gauche/droite de l'élément div :
div
{
overflow-x:hidden;
}
{
overflow-x:hidden;
}
Essayez-le vous-même »
Prise en charge des navigateurs
Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.
Le nombre précédant immédiatement -webkit-, -ms- ou -moz- est le premier numéro de version du navigateur qui prend en charge la propriété préfixée.
| Propriété | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Définition de la propriété et instructions d'utilisation
La propriété overflow-x spécifie s'il faut rogner le contenu des bords gauche/droite s'il déborde de la zone de contenu de l'élément.
Astuce :Utilisez la propriété overflow-y pour déterminer si les bords supérieur et inférieur sont rognés.
| Valeur par défaut : | visible |
|---|---|
| Héritée : | non |
| version : | CSS3 |
| Syntaxe JavaScript : | object.style.overflowX="scroll" |
Syntaxe
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
| Valeur | Description |
|---|---|
| visible | Le contenu n'est pas rogné et peut être affiché en dehors de la zone de contenu. |
| hidden | Le contenu est rogné - aucun mécanisme de défilement n'est fourni. |
| scroll | Contenu rogné - fournit un mécanisme de défilement. |
| auto | Si la boîte déborde, un mécanisme de défilement doit être fourni. |
| no-display | Si le contenu ne tient pas dans la zone de contenu, la totalité de la boîte est supprimée. |
| no-content | Si le contenu ne tient pas dans la zone de contenu, la totalité du contenu est masquée. |