CSS overflow
Also see the full, alphabetical list of CSS properties
The CSS overflow property allows you to determine what to when a box is too small for its contents. You can create scroll bars, hide the contents, or automatically expand the box. Many webmasters use this method to create a scroll box.
You can also use the CSS overflow-x and CSS overflow-y properties to specify only vertical scrolling or horizontal scrolling. Although these properties aren't included in the official CSS 2.1 specification (they were first introduced in the CSS 3 working draft), most major browsers support the overflow-x and overflow-y properties. For more information, see Horizontal Scroll and Vertical Scroll.
This page is related to the CSS 2.1 version of the overflow property. Also see the CSS3 version, which includes some minor updates.
| Syntax: | overflow: <value>; |
| Possible Values: |
|
| Initial Value: | visible |
| Applies to: | Block-level and replaced elements |
| Inherited: | No |
| Media: | Visual |
| Example: |
div.small-box {overflow:scroll}
|
| Try it yourself! |
|

