Scroll horizontally if the text overflows the element's content area:
The overflowX property specifies what to do with the left/right edges of the content - if it overflows the element's content area.
Tip: Use the overflowY property to determine clipping at the top and bottom edges.
The overflowX property is supported in all of the major browsers.
Note: The overflowX property does not work properly in IE8 and earlier.
Return the overflowX property:
Set the overflowX property:
|visible||The content is not clipped, and it 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 cause a scrolling mechanism to be provided for overflowing boxes|
|initial||Sets this property to its default value. Read about initial|
|inherit||Inherits this property from its parent element. Read about inherit|
|Return Value:||A String, representing the overflow-x property of an element|
CSS reference: overflow-x property