Easy Tutorial
❮ Prop Email Disabled Met Win Alert ❯

overflowX Property

Style Object

Example

Provide horizontal scrolling if the text overflows the element's content area:


Definition and Usage

The overflowX property specifies whether to clip the left/right edges of the content - if it overflows the element's content area.

Tip: Use the overflowY property to determine the clipping of the top/bottom edges.


Browser Support

All major browsers support the overflowX property.

Note: The overflowX property does not work in IE8 and earlier versions.


Syntax

Return the overflowX property:

Set the overflowX property:

Property Values

Value Description
visible Does not clip the content, which may be displayed outside the content box.
hidden Clips the content and does not provide a scrolling mechanism.
scroll Clips the content and provides a scrolling mechanism.
auto Should provide a scrolling mechanism if the content overflows the box.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: visible
Return value: A string representing the overflow-x property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS Reference: overflow-x Property


Style Object

❮ Prop Email Disabled Met Win Alert ❯