manuel de référence CSS

règle @RULES CSS

大全 des propriétés CSS

CSS3 overflow-x propriété CSS contour-width propriété

Méthode d'utilisation et exemple de la propriété overflow CSS

La propriété overflow de CSS spécifie ce que l'on fait lorsque le contenu dépasse la zone de contenu de l'élément : couper le contenu, afficher une barre de défilement ou afficher le contenu en surplus.

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.Veuillez voir Animation propriété。
Version :	CSS 2、3
JavaScript syntaxe :	object.style.overflow="scroll"

Syntaxe d'utilisation des débordements

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

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

Les exemples suivants démontrent comment utiliser la propriété overflow.

Exemple

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

Voyons si‹/›

Valeur de l'attribut

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 de la boîte de l'élément, donc il peut chevaucher d'autres contenus. C'est la valeur par défaut.
hidden	Le contenu de la boîte de l'élément en surplus sera coupé, et le reste ne sera pas visible.
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 la boîte de l'élément, il fournira 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 la valeur de la propriété overflow de son élément parent.

Compatibilité du navigateur

Compatibilité des navigateurs pour la propriété overflow, 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+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS Overflow。

Propriétés associées :overflow-x，overflow-y，clip，word-wrap。

CSS3 overflow-x propriété CSS contour-width propriété