CSS3 `overflow-x` Property

Example

If it overflows the element's content area, clip the content at the left/right edges of the div element:

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -ms-, or -moz- indicate the first version that supports the prefixed property.

Property
overflow-x	4.0	9.0 <br>8.0 -ms-	3.5	3.0	9.5

Property Definition and Usage

The overflow-x property specifies whether to clip the content, add scrollbars, or display overflow content of a block-level element, when it overflows at the left and right edges.

Tip: Use the overflow-y property to determine whether to clip the top and bottom edges.

Default value:	visible
Inherited:	no
---	---
Version:	CSS3
---	---
JavaScript syntax:	object.style.overflowX="scroll"
---	---

Syntax

Value	Description
visible	Does not clip the content, which may be displayed outside the content box.
hidden	Clips the content - no scroll mechanism provided.
scroll	Clips the content - scroll mechanism provided.
auto	Should provide a scroll mechanism if the content overflows the box.
no-display	Removes the entire box if the content does not fit in the content box.
no-content	Hides the entire content if the content does not fit in the content box.

❮ Pr Border Width Pr Outline ❯

CSS3 overflow-x Property

Example

Browser Support

Property Definition and Usage

Syntax

CSS3 `overflow-x` Property