CSS overflow property

Usage

Determines how the browser deals with an element whose content overflows its edges.

Values

  • visible - default; the content is displayed as-is, running over the edge of the element if necessary
  • hidden - any overflowed content is hidden and the user will not be able to see it
  • scroll - overflowed content is hidden but a scroll bar is displayed to allow the user to see the content
  • auto - a scroll bar is displayed only if the content overflows the element area

Example

Code:

div {
  overflow: scroll;
}