Set the behaviour when an element’s content overflows the element’s box.
Syntax
overflow: overflow | inherit ;
auto - Provide scrollbars when necessary.
hidden - Clip and hide any overflowing content.
scroll - Clip any overflowing content but provide a scrollbar.
visible - Render overflowing content outside the element’s box (default)
inherit - Inherit the property from a parent element.
Examples:
h1 { overflow: auto; }
.emw3class { overflow: hidden; }
#emw3id { overflow: scroll; }
Try it:
This sample text is too long to fit in a text box if it's constrained to just 250px wide by 100px tall. The CSS Overflow setting will determine how the text will display. Either overflowing the box or by providing extra scrollbars. |
(CSS 2) Browser Support: All major browsers.
“If you stuff yourself full of poems, essays, plays, stories, novels, films, comic strips, magazines, music, you automatically explode every morning like old faithful. I have never had a dry spell in my life, mainly because I feed myself well, to the point of bursting. I wake early and hear my morning voices leaping around in my head like jumping beans. I get out of bed to trap them before they escape” ~ Ray Bradbury
Related:
overflow-x - Whether to clip the left/right edges of overflowing content.
overflow-y - Whether to clip the top/bottom edges of overflowing content.
table-layout - How to layout table cells, rows, and columns.
word-wrap - Break lines within words in order to prevent overflow.