overflow

Support Key: [CSS2|CSS2.1] [IE4|N6|O4|S1]
Other Positioning Properties
top
right
bottom
left
vertical-align
overflow-x
overflow-y
text-overflow
clip
z-index
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   visible
Applicable Elements:
Block and Replaced elements
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
CSS2: Sect. 11.1.1, CSS2.1: 11.1.1
What is it?
Some content in an element may fall outside the element's rendering box for a number of reasons (negative margins, absolute positioning, content exceeding the width/height set for an element, etc.) In cases where this occurs, the 'overflow' property describes what to do with the content outside the elements rendering area.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O4|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
visible
[CSS2|CSS2.1] [IE4|N6|O4|S1]
Type: Explicit
Description:
Content is not clipped and may be rendered outside of the element's box.
hidden
[CSS2|CSS2.1] [IE4|N6|O4|S1]
Type: Explicit
Description:
Content is clipped and content outside of the element's box is not visible. The size of the clipping region is defined by the 'clip' property.
scroll
[CSS2|CSS2.1] [IE4|N6|O7|S1]
Type: Explicit
Description:
Content is clipped as necessary, but scrollbars are made available where necessary to view the additional, non-visible content. If the Visual media in use is static (such as Print) the content should be treated as if the value was 'visible'.
auto
[CSS2|CSS2.1] [IE4|N6|O7|S1]
Type: Explicit
Description:
This value is browser and media dependent, but should allow for a scrollbar if possible in case of overflow.
-moz-scrollbars-none
[N6]
Type: Explicit
Description:
Mozilla proprietary value - authors should not use this value. Content is clipped as necessary, but no scrollbars are rendered.
-moz-scrollbars-horizontal
[N6]
Type: Explicit
Description:
Mozilla proprietary value - authors should not use this value. Content is clipped as necessary, and a horizontal scrollbar is forced to render, even if not necessary.
-moz-scrollbars-vertical
[N6]
Type: Explicit
Description:
Mozilla proprietary value - authors should not use this value. Content is clipped as necessary, and a vertical scrollbar is forced to render, even if not necessary.
Example
Ext/Doc: blockquote { width: 50px; height: 50px; overflow: scroll }
In-Line:  <blockquote STYLE="width: 50px; height: 50px; overflow: scroll">text
that scrolls if forced in the name of decent CSS</blockquote>
Notes Browser Peculiarities

Boring Copyright Stuff....