FANDOM


The overflow property is used in CSS and certain HTML elements. It specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

Values

  • visible - Default value. 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.
Mozilla CSS Extensions
  • -moz-scrollbars-none - (Obsolete) Use overflow:hidden; instead.
  • -moz-scrollbars-horizontal - (Deprecated) Use of overflow-x or overflow-y is preferred.
  • -moz-scrollbars-vertical - (Deprecated) Use of overflow-x or overflow-y is preferred.
  • -moz-hidden-unscrollable - Intended for internal use and by themes. Disables scrolling of XML root elements which use arrow keys and the mouse wheel.


HTML example:

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

That generates:

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT


CSS example:

div {  
     overflow:scroll;
     width:100px;
}

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.