CSS Overflow

Il existe deux types de dépassement en CSS. Le premier, intitulé en anglais ink overflow (qu'on pourrait traduire par « dépassement pour le dessin ») indique le dépassement des effets visuels qui ne modifient pas la disposition ou le dimensionnement (ex. les ombres des boîtes, les bordures des images, les décorations du texte, les caractères avec un jambage qui dépasse, etc.).

Le second type de dépassement, scrollable overflow (ou dépassement défilable) se produit lorsque du contenu se situe hors de la boîte et qu'il est nécessaire de fournir un mécanisme pour faire défiler le contenu afin de pouvoir le consulter. Les propriétés de ce module de spécification décrivent ce qui se passe lorsque le contenu dépasse d'une boîte.

L'exempel interactif suivant illustre comment la modification de la valeur de la propriété overflow change la façon dont est géré le dépassement pour une boîte avec une hauteur fixe.

• overflow
• overflow-block
• overflow-inline
• overflow-x
• overflow-y
• text-overflow
• block-overflow Expérimental
• line-clamp Expérimental
• max-lines Expérimental
• continue Expérimental

• -webkit-line-clamp Non-standard

• Les propriétés qui permettent de mettre en forme les barres de défilement/ascenceurs : scrollbar-width et scrollbar-color