Fandom

HTML & CSS Wiki

Overflow

649pages on
this wiki
Add New Page
Comments0 Share

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.