English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
overflow-Le CSS attribut spécifie ce qui se passe lorsque le contenu dépasse les bords latéraux de la zone de contenu de l'élément : est-ce que le contenu est tranché, que le curseur de défilement est affiché ou que le contenu en excès est affiché.
Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
Valeur par défaut : | visible |
---|---|
Applicable à : | Block, inline-conteneurs block et flex |
Héritage : | Non |
Animable : | Non.Voir également Attributs d'animation。 |
Version : | CSS3nouvelle fonctionnalité |
Syntaxe JavaScript : | object.style.overflowX="scroll" |
La syntaxe de cette propriété est la suivante :
overflow-x: visible | hidden | scroll | auto | initial | inherit
Les exemples suivants montrent comment utiliser overflow-l'attribut x
div { width: 400px; height: 300px; overflow-x: scroll; }Testez pour voir‹/›
Le tableau suivant décrit les valeurs de cette propriété.
Valeur | Description |
---|---|
visible | Le contenu n'est pas coupé ; il est rendu à l'extérieur du cadre de l'élément, ce qui peut le faire chevaucher avec d'autres contenus. C'est la valeur par défaut. |
hidden | Le contenu du cadre en surplus de l'élément est coupé, et le reste est invisible. |
scroll | Le contenu en surplus est coupé comme s'il était caché, mais une mécanique de défilement est fournie pour accéder au contenu en surplus. |
auto | Si le contenu dépasse le cadre de l'élément, il fournit une barre de défilement pour voir le reste du contenu. |
initial | Définir cette propriété à sa valeur par défaut. |
inherit | Si spécifié, l'élément lié utilise l'overflow de son élément parent-Valeur de l'attribut x |
overflow-La compatibilité des navigateurs pour l'attribut x ; les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge cette overflow-x propriété. Internet Explorer8prend en charge cette propriété, mais nécessite un préfixe Microsoft spécifique
-ms-préfixe (par exemple-ms-overflow-x). Dans Internet Explorer9et versions supérieures sont prises en charge.
Veuillez consulter les tutoriels suivants :CSS Overflow。
Propriétés associées :overflow,overflow-y,clip,word-wrap。