Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

Print Version

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.

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 website?

  • Share
  • Add this page to your Favorites
  • Link to this page (copy/paste into your own website or blog):
  • Link to Quackit using one of these banner ads.
  • Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

© Copyright 2000 - 2010 Quackit.com