The overflow-x property is used in CSS and certain HTML elements. It specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.


  • visible - Content is not clipped, and may be rendered outside the content box.
  • hidden - The content is clipped and no scrollbars are provided.
  • scroll - The content is clipped and desktop browsers use scrollbars, whether or not any content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. Printers may print overflowing content.
  • auto - Depends on the user agent. Desktop browsers provide scrollbars if content overflows.

HTML example:

<div style="width:100px; overflow-x:scroll;">TEXT TEXT TEXT TEXT</div>

CSS example:

div {

See Also


Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.