CSS3 `overflow-y` Property

Example

If it overflows the element's content area, clip the top/bottom edges of the div element's content:

div {
  overflow-y: hidden;
}

The numbers in the table specify the first browser version that fully supports the property.

Numbers following -webkit-, -ms-, or -moz- indicate the first browser version that supports the prefixed property.

Property	Chrome	IE	Firefox	Safari	Opera
overflow-y	4.0	9.0 <br>8.0 -ms-	3.5	3.0	9.5

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

Tip: Use the overflow-x property to determine whether the left/right edges are clipped.

Default value:	visible
Inherited:	no
---	---
Version:	CSS3
---	---
JavaScript syntax:	`object.style.overflowY="scroll"`
---	---

Value	Description
visible	Does not clip the content, which may be displayed outside the content box.
hidden	Clips the content - no scrolling mechanism provided.
scroll	Clips the content - provides a scrolling mechanism.
auto	Should provide a scrolling mechanism if the content overflows the box.
no-display	Removes the entire box if the content does not fit in the content box.
no-content	Hides the entire content if the content does not fit in the content box.