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 −
|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.|