Mise en page CSS - Overflow
La propriété CSS overflow est utilisée pour contrôler la façon dont le contenu est affiché lorsqu'il déborde de la boîte de l'élément.
Le contenu textuel ici est défilable, et le sens du défilement est.
Le contenu textuel ici est défilable, et le sens du défilement est.
Le contenu textuel ici est défilable, et le sens du défilement est.
Le contenu textuel ici est défilable, et le sens du défilement est.
Le contenu textuel ici est défilable, et le sens du défilement est.
Le contenu textuel ici est défilable, et le sens du défilement est.
Débordement CSS
La propriété CSS overflow peut contrôler l'ajout d'une barre de défilement dans la boîte de l'élément correspondant lorsque le contenu déborde de cette boîte.
La propriété overflow a les valeurs suivantes :
| Valeur | Description |
|---|---|
| visible | Valeur par défaut. Le contenu n'est pas rogné et est rendu en dehors de la boîte de l'élément. |
| hidden | Le contenu est rogné, et le reste du contenu est invisible. |
| scroll | Le contenu est rogné, mais le navigateur affiche une barre de défilement pour voir le reste du contenu. |
| auto | Si le contenu est rogné, le navigateur affiche une barre de défilement pour voir le reste du contenu. |
| inherit | Spécifie que la valeur de la propriété overflow doit être héritée de l'élément parent. |
Remarque :La propriété overflow ne fonctionne que sur les éléments de bloc avec une hauteur spécifiée.
Remarque :Sous OS X Lion (système Mac), les barres de défilement sont masquées par défaut et n'apparaissent que lorsqu'elles sont utilisées (il en va de même lorsque l'on définit "overflow:scroll").
overflow: visible
Par défaut, la valeur de overflow est visible, ce qui signifie que le contenu déborde de la boîte de l'élément :
Le contenu textuel ici débordera de la boîte de l'élément.
Le contenu textuel ici débordera de la boîte de l'élément.
Le contenu textuel ici débordera de la boîte de l'élément.
Le contenu textuel ici débordera de la boîte de l'élément.
Le contenu textuel ici débordera de la boîte de l'élément.
Le contenu textuel ici débordera de la boîte de l'élément.
Le contenu textuel ici débordera de la boîte de l'élément.
Exemple
Essayez-le vous-même »