Prop Style Overflowy
# Style overflowY Property
[ Style Object](#)
## Example
If the text overflows the content area of an element, provide vertical scrolling:
document.getElementById("myDIV").style.overflowY="scroll";
[Try it Β»](#)
* * *
## 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 (#) property to determine clipping of the left/right edges.
* * *
## Browser Support

The overflowY property is supported by all major browsers.
**Note:** The overflowY property does not work in IE8 and earlier versions.
* * *
## Syntax
Get the overflowY property:
_object_.style.overflowY
Set the overflowY property:
_object_.style.overflowY="visible|hidden|scroll|auto|initial|inherit"
## Property Values
| Value | Description |
| --- | --- |
| visible | The content is not clipped, and may be rendered outside the content box. |
| hidden | The content is clipped, and no scrolling mechanism is provided. |
| scroll | The content is clipped, and a scrolling mechanism is provided. |
| auto | Should provide a scrolling mechanism if the content overflows the box. |
| initial | Sets this property to its default value. See (#). |
| inherit | Inherits this property from its parent element. See (#). |
## Technical Details
| Default Value: | visible |
| --- |
| Return Value: | A String, representing the overflow-y property of an element. |
| CSS Version | CSS3 |
* * *
## Related Articles
CSS Reference: (#)
* * Style Object](#)
YouTip