CSS provides a property called overflow that tells the browser what to do if the box's contents are larger than the box itself.
The following are the values of overflow property −
| Value | Description |
|---|---|
| Visible | Allows the content to overflow the borders of its containing element. |
| Hidden | The content of the nested element is simply cut off at the border of the containing element and no scrollbars are visible. |
| Scroll | The size of the containing element does not change, but the scrollbars are added to allow the user to scroll to see the content. |
| auto | The purpose is the same as a scroll, but the scrollbar will be shown only if the content does overflow. |