Style overflowX Property
Style overflowX Property
The overflowX property is used to define what to do with the right or left edge of the content in case it overflows the element content area. For determining top and bottom edges, we have to use overflowY property.
Syntax:-
Its syntax is:- object.style.overflowX OR object.style.overflowX = visible | hidden | scroll | auto | initial | inherit
Return:-
Its return is:- a string containing the overflow-x property of an element
Further Explanation:-
Value | Description |
---|---|
visible | The content is not clipped and it may render outside 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 cause a scrolling mechanism to be provided for overflowing boxes. |
initial | Sets property to its default value. |
inherit | Inherits property from its parent element. |