YouTip LogoYouTip

Prop Style Overflowy

# Style overflowY Property [![Image 8: Style Object Reference](#) 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 ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: Safari](#) 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](#)
← Prop Style PerspectiveProp Style Overflowx β†’