manuel de référence CSS

règle CSS (RULES)

大全 des attributs CSS

Attribut padding CSS CSS3 overflow-x propriété

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

overflow-La propriété CSS spécifie ce qui se passe lorsque le contenu dépasse les bords supérieur et inférieur de la zone de contenu de l'élément : coupe le contenu, affiche une barre de défilement ou montre le contenu en excès.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :	visible
Appliqué à :	Block, inline-block et flex conteneurs
Héritage :	Non
Animable :	Non.Voir également Animation propriété。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.overflowY="scroll"

y-Utilisation de la syntaxe

La syntaxe de cette propriété est la suivante :

overflow-y:　visible　|　hidden　|　scroll　|　auto　|　initial　|　inherit

Les exemples suivants montrent comment utiliser overflow-y propriété.

Exemple

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow-x:　scroll;
　　}

Vérifiez et voyez‹/›

Valeur de l'attribut

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

Valeur	Description
visible	Le contenu n'est pas tranché ; il est rendu à l'extérieur de la boîte de l'élément, ce qui peut le faire chevaucher avec d'autres contenus. C'est la valeur par défaut.
hidden	Le contenu de l'élément en surplus est tranché, et le reste du contenu est invisible.
scroll	Le contenu en surplus est tranché 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 la boîte 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 la propriété y.

Compatibilité du navigateur

overflow-Compatibilité des navigateurs pour la propriété y, 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 suivants 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-y 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-y). 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 :overflow，overflow-x，clip，word-wrap。

Attribut padding CSS CSS3 overflow-x propriété