Easy Tutorial
❮ Event Onresize Event Key Which ❯

overflowY Property

Style Object

Example

Provide vertical scrolling if the text overflows the element's content area:


Definition and Usage

The overflowY property specifies whether to clip the top/bottom edges of the content - if it overflows the element's content area.

Tip: Use the overflowX property to determine the clipping of the left/right edges.


Browser Support

All major browsers support the overflowY property.

Note: The overflowY property does not work in IE8 and earlier versions.


Syntax

Return the overflowY property:

Set the overflowY property:

Property Values

Value Description
visible Does not clip the content, which may be displayed outside the content box.
hidden Clips the content and does not provide a scrolling mechanism.
scroll Clips the content and provides a scrolling mechanism.
auto Should provide a scrolling mechanism if the content overflows the box.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: visible
Return value: A string representing the overflow-y property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: overflow-y Property


Style Object

❮ Event Onresize Event Key Which ❯