The overflow-y property is used in CSS and certain HTML elements. It specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the top and bottom edges.

Values

• visible - Content is not clipped, and may be rendered outside the content box.
• hidden - The content is clipped and no scrollbars are provided.
• scroll - The content is clipped and desktop browsers use scrollbars, whether or not any content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. Printers may print overflowing content.
• auto - Depends on the user agent. Desktop browsers provide scrollbars if content overflows.

HTML example:

<div style="height:100px; overflow-y:scroll;">TEXT TEXT TEXT TEXT</div>

CSS example:

div {
     height:100px;
     overflow-y:scroll;
}