CSS overflow-x Property

When a block-level element overflows at the left and right edges, the overflow-x CSS property specifies whether to add a scroll bar, clip the content, or display overflow content.

In other words, this property allows us to display content that is horizontally overflowing from the page. The overflow-x property's default value is visible. This CSS property cannot be animated.




Property Values

Value Description
visible The content is not clipped and may extend beyond the left and right edges. This is the default setting.
hidden The content is clipped, and there is no scrolling mechanism.
scroll The content has been clipped, and a scrolling mechanism has been provided.
auto Should result in the provision of a scrolling mechanism for overflowing boxes.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
overflow-x 4.0 3.5 3.0 9.0
8.0 -ms-