CSS : La propriété "Overflow"

"overflow" est une propriété qui sert à définir la mise en forme d'un élément qui sort de sa boîte. En principe le contenu d'une boîte de bloc reste enfermé dans son container.

Toutes les fois que survient un débordement, la propriété "overflow" vient spécifier, s'il y a lieu, la façon dont la boîte sera rognée.

Valeurs possibles pour "overflow"

visible = (par défaut) le contenu ne sera pas rogné, et celui-ci peut sortir éventuellement de la boîte contenant l'élément.

Il peut arriver que même quand la valeur de la propriété "overflow" est accompagnée de cette valeur "visible", le contenu soit rogné par le système d'exploitation, pour tenir dans la fenêtre du document du visiteur.

hidden = le contenu sera rogné mais sans utilisation des barres de défilement et donc la partie débordante sera invisible. La propriété "clip" va servir à spécifier la taille et la forme du reliquat du rognage.

scroll = le contenu sera rogné, avec cependant mise à disposition de barres de défilement, ce qui autorise la visualisation de l'élément. Avec cette valeur appliquée à un type de média "print", la partie du contenu ayant débordée devrait aussi être imprimée.

auto = l'interprétation de cette valeur dépend du navigateur qui décide la suite à donner à la partie excédentaire du contenu, tout en disposant si besoin les barres de défilement nécessaires.