Easy Tutorial
❮ Dom Obj Area Prop Audio Defaultplaybackrate ❯

Style overflow Property


Definition and Usage

The overflow property sets or returns how to handle content that is rendered outside the element's box.

Syntax

Set the overflow property:

Return the overflow property:

Value Description
visible Default. The content is not clipped and will be displayed outside the element's box.
hidden The content is clipped and the content outside the element's box is not displayed. The browser does not show scrollbars.
scroll The browser displays scrollbars, and the content is clipped if necessary.
auto The content is clipped and scrollbars are displayed if necessary.
inherit The overflow property value is inherited from the parent element.

Browser Support

All major browsers support the overflow property.

Note: IE7 and earlier versions do not support the "inherit" value. IE8 requires a !DOCTYPE to support "inherit". IE9 supports "inherit".


Tips and Notes

Tip: If you want to hide the scrollbars for the entire document, use the overflow property on the body or html element.


Examples

Using the overflow property to hide overflowing content:


❮ Dom Obj Area Prop Audio Defaultplaybackrate ❯