Scholar Repository
Home>Manual>CSS Overflow Property

CSS Overflow Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS overflow Property


CSS Reference 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


{
overflow: scroll
}

Possible Values

Value Description
visible Default. The content is not clipped. It renders outside the element
hidden The content is clipped, but the browser does not display a scroll-bar to see the rest of the content 
scroll The content is clipped, but the browser displays a scroll-bar to see the rest of the content
auto If the content is clipped, the browser should display a scroll-bar to see the rest of the content



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.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Overflow Property