CSS Overflow Property

The overflow property in CSS controls how content that overflows the boundaries of its container should be handled. It specifies whether to clip, display scrollbars, or adjust the content when it exceeds the allocated space within an element.


Values for overflow

  • visible : Default value. Content overflows the container without any clipping. It may overlap other elements.

  • hidden : Content that overflows is clipped and not displayed. Scrollbars are not shown.

  • scroll : Adds scrollbars (horizontal and/or vertical) to the container, allowing users to scroll to see the overflowing content.

  • auto : Adds scrollbars only when the content overflows, otherwise behaves like visible.