Quackit Logo
FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.
Create free Flash websites

CSS overflow

Print Version

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?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!
$1.99 .info domain names!
© Copyright 2000 - 2010 Quackit.com