CSS overflow Property

The overflow property is a shorthand property that sets the specified values of both overflow-x and overflow-x to the value specified for overflow.

Formal syntax: visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments

overflow: visible;
overflow: hidden;
overflow: scroll;
overflow: auto;
overflow: paged-x;
overflow: paged-y;
overflow: paged-x-controls;
overflow: paged-y-controls;
overflow: fragments;

• visibleContent is not clipped and scroll bars are not added. Elements are clipped to the size of the containing window or frame.
• hiddenContent that exceeds the dimensions of the object is not shown.
• scrollContent is clipped and scroll bars are added, even if the content does not exceed the dimensions of the object.
• autoContent is clipped and scrolling is added only when necessary.
• paged-xNew
• paged-yNew
• paged-x-controlsNew
• paged-y-controlsNew
• fragmentsNew

.class {
   overflow: scroll; 
}

1+

6+

1+

1+

8+

• Share on Facebook
• Share on Twitter
• Share on Google+