The overflow property sets or returns what to do with content that renders outside the element box.
Set the overflow property:
Return the overflow property:
|visible||Content is NOT clipped and may be shown outside the element box. This is default|
|hidden||Content outside the element box is not shown|
|scroll||Scroll bars are added, and content is clipped when necessary|
|auto||Content is clipped and scroll bars are added when necessary|
|inherit||The value of the overflow property is inherited from parent element|
The overflow property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Tip: If you want to hide the scrollbars of the entire document, use the overflow property on the body or the html element.
Use the overflow property to hide overflowing content:
Your message has been sent to W3Schools.