YouTip

# HTML DOM Style overflowX Property [ Style Object](#) ## Example If the text overflows the content area of an element, provide horizontal scrolling: document.getElementById("myDIV").style.overflowX="scroll"; [Try it Yourself »](#) * * * ## Definition and Usage The overflowX property specifies whether to clip the content left/right edge - if the content overflows the element's content area. **Tip:** Use the (#) property to determine clipping top/bottom edges. * * * ## Browser Support  The overflowX property is supported by all major browsers. **Note:** The overflowX property does not work in IE8 and earlier versions. * * * ## Syntax Get the overflowX property: _object_.style.overflowX Set the overflowX property: _object_.style.overflowX="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. Read about _initial_. | | inherit | Inherits this property from its parent element. Read about _inherit_. | ## Technical Details | Default value: | visible | | --- | --- | | Return value: | A String, representing the overflow-x property of an element. | | CSS version | CSS3 | * * * ## Related Articles CSS Reference: (#) * * Style Object](#)