overflow Description:
The overflow property defines what should happen to excess content when it exceeds the defined width or height of the element.
overflow in CSS Versions:
overflow Syntax:
overflow: visible | hidden | scroll | auto | inherit
- visible
The content is not clipped and can be seen outside the box. - hidden
The content is clipped and cannot be seen. - scroll
The content is clipped, but scrollbars are displayed to show the missing content. - auto
Depends upon the user-agent. - inherit
The element should have the same value as the parent element.
overflow Initial Value:
visible
overflow Applies To:
Non-replaced block-level elements, table cells, and inline-block elements.
overflow Inheritance:
This property is not inherited.
overflow Browser Support:
overflow Media Type:
- Visual
overflow Examples:
Standard overflow property
<p style="clip: rect(5px 100px 30px 5px); overflow:scroll;">
This paragraph will be clipped into a rectangle, but the contents will be scrollable.
</p>
overflow Special Notes:
- Be sure to test this in various browsers, as some user-agents have different effects.
