CSS overflow Property

Complete CSS Reference

Definition

The overflow property sets what happens if the content of an element overflow its area. 

Inherited: No

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.overflow="hidden"

In our HTML DOM tutorial you can find more details about the overflow property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

Example

Possible Values

Try-It-Yourself Demos

How to show overflow in an element using scroll
This example demonstrates how to set the overflow property to create a scroll bare when an element's content is too big to fit in a specified area.

How to hide overflow in an element
This example demonstrates how to set the overflow property to hide the content if it is too big to fit in a specified area.

How to show set the browser to automatically handle overflow
This example demonstrates how to set the browser to automatically handle overflow.

Complete CSS Reference

Reliable, affordable, feature-rich web hosting!

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999