Formation 36

Débordement d'un bloc HTML : overflow

Lorsqu’un bloc a une hauteur et une largeur imposées, il se peut que la place manque pour afficher son contenu. La propriété overflow permet de définir le comportement qu’adoptera le bloc en cas de débordement :

 

  • visible (visible) : rend visible tout ce qui dépasse (quitte à ce que le texte qui déborde chevauche le reste le page...)

  • masquer (hidden) : cache tout ce qui dépasse

  • défiler (scroll) : ajoute une barre de défilement (ascenseur) horizontale et verticale

  • auto (auto) : ajoute des barres de défilement horizontale et verticale si besoin

 

Vous pouvez employer l’attribut inherit qui permet à un bloc de se comporter de la même manière que le bloc qui le contient (le bloc parent).

overflow: inherit;



Pour plus d'informations, vous pouvez nous contacter par mail.

 

Tutos et cours en ligne

Ergonomie et accessibilit�R�f�rencementHTML / CSS