CSSDébordement


Syntaxe

  • débordement: visible | caché | défiler | auto | initiale | hériter;

Paramètres

Valeur de Overflow Détails
visible Affiche tout le contenu débordant en dehors de l'élément
scroll Masque le contenu débordant et ajoute une barre de défilement
hidden Masque le contenu débordant, les deux barres de défilement disparaissent et la page devient fixe
auto Identique au scroll si le contenu déborde, mais n'ajoute pas de barre de défilement si le contenu est adapté
inherit Hériter la valeur de l'élément parent pour cette propriété

Remarques

La propriété overflow spécifie s'il faut découper du contenu, afficher des barres de défilement ou étirer un conteneur pour afficher le contenu lorsqu'il déborde de son conteneur au niveau du bloc.

Lorsqu'un élément est trop petit pour afficher son contenu, que se passe-t-il? Par défaut, le contenu ne fera que déborder et s'afficher en dehors de l'élément. Cela rend votre travail mal en point. Vous voulez que votre travail soit beau, vous devez donc définir la propriété de débordement pour gérer le contenu débordant de manière souhaitable.

Les valeurs de la propriété overflow sont identiques à celles des propriétés overflow-x et overflow-y , sauf qu'elles s'appliquent le long de chaque axe

La propriété overflow-wrap a également été appelée propriété de word-wrap .

Remarque importante: L' utilisation de la propriété de débordement avec une valeur différente de visible crée un nouveau contexte de mise en forme de bloc.

Débordement Exemples Liés