Style overflowY attribute

Definition and usage

overflowY The attribute 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:Propriedade overflow-y

Example

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

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

Try it yourself

Syntax

Returns the overflowY property:

object.style.overflowY

Sets 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 Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical details

Default value: visible
Return value: String, representing the element's Propriedade overflow-y.
Versão do CSS: CSS3

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte