overflow
La boîte suivante est en overflow:visible
(c'est le comportement par défaut).
La boîte suivante est en overflow:hidden
:
le contenu qui dépasse est caché. Pas une bonne idée sur du texte…
La boîte suivante est en overflow:scroll
:
le navigateur ajoute des ascenseurs. Remarque : il y a une barre pour l'ascenseur
horizontal, même si elle n'est pas utilisée.
La boîte suivante est en overflow:auto
:
le navigateur doit fournir un moyen de voir tout le contenu, mais il décide
comment. Typiquement, il ajoute des ascenseurs, mais uniquement dans les directions nécessaires ;
sur notre exemple on voit qu'il n'y a (normalement…) pas de barre pour l'ascenseur horizontal.
La boîte suivante est aussi en overflow:auto
,
mais comme il y a un mot long, le navigateur a mis des ascenseurs dans les deux directions.
On peut aussi décider d'un comportement différent suivant les axes :
la boîte suivante est en overflow-x:hidden
et overflow-y:auto
.