Friday 15 June 2012

CSS Overflow Property

When content overflows any container box "overflow"  property can be used.

e.g.
div
{
 overflow:scroll;
}

Other Values of overflow:

i)   hidden    : This value clipps overflow, rest of content will be hidden.
ii)  visible    : This is default value. It renders outside of element box.
iii) inherit    : It specifies that the value of overflow property should be inherited from the parrent element.
iv)  auto    : A scroll bar will automatically added to the rest of contents, if overflow is clipped.
v)   scroll    : This value adds a scroll bar for extra contents.

No comments:

Post a Comment