Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
IMCreator - Free Website Builder

CSS overflow

Also see the full, alphabetical list of CSS properties


The CSS overflow property allows you to determine what to when a box is too small for its contents. You can create scroll bars, hide the contents, or automatically expand the box. Many webmasters use this method to create a scroll box.

You can also use the CSS overflow-x and CSS overflow-y properties to specify only vertical scrolling or horizontal scrolling. Although these properties aren't included in the official CSS 2.1 specification (they were first introduced in the CSS 3 working draft), most major browsers support the overflow-x and overflow-y properties. For more information, see Horizontal Scroll and Vertical Scroll.

This page is related to the CSS 2.1 version of the overflow property. Also see the CSS3 version, which includes some minor updates.

Syntax: overflow: <value>;
Possible Values:
  • visible
  • hidden
  • scroll
  • auto
  • inherit
Initial Value: visible
Applies to: Block-level and replaced elements
Inherited: No
Media: Visual
Example: div.small-box {overflow:scroll}
Try it yourself!


Also see all CSS properties listed alphabetically


Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!