FANDOM


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.

Values

  • 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 {
     width:100px;
     overflow-x:scroll;
}

See Also

overflow-y

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.