Style overflowY property

Definition and usage

overflowY This property specifies how to handle the top/bottom edges of the content - if it overflows the element's content area.

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

See also:

CSS Reference Manual:overflow-y Property

Example

Vertical scrolling if the text overflows the element's content area:

document.getElementById("myDIV").style.overflowY = "scroll";

Try it yourself

Syntax

Return the overflowY property:

object.style.overflowY

Set the overflowY property:

object.style.overflowY = "visible|hidden|scroll|auto|initial|inherit"

Attribute value

Value Description
visible Content is not clipped and may be rendered outside the content box.
hidden Content is clipped - no scrolling mechanism is provided.
scroll Content is clipped and a scrolling mechanism is provided.
auto If the overflow box, then a scrolling mechanism should be provided.
initial Set this property to its default value. See initial.
inherit This property is inherited from its parent element. See inherit.

Technical details

Default value: visible
Return value: A string representing the element overflow-y Property.
CSS Version: CSS3

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support