English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @

大全 des attributs CSS

CSS3 overflow-Méthode d'utilisation de l'attribut et exemple

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"

Syntaxe d'utilisation de l'overflow x

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‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
visibleLe 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.
hiddenLe contenu du cadre en surplus de l'élément est coupé, et le reste est invisible.
scrollLe 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.
autoSi le contenu dépasse le cadre de l'élément, il fournit une barre de défilement pour voir le reste du contenu.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise l'overflow de son élément parent-Valeur de l'attribut x

Compatibilité du navigateur

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é.

  • Firefox 1.5Les navigateurs ci-dessus

  • Google Chrome1+

  • Internet Explorer 9+

  • Apple Safari 3+

  • Opera 9.5+

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.

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS Overflow

Propriétés associées :overflowoverflow-yclipword-wrap