The overflow shorthand specifies how content extending beyond a box's boundaries is handled. One value applies to both axes; two values set the block axis first, then the inline axis..box {
overflow: hidden;
}.panel {
overflow: hidden auto;
}visibleDefault value. No special handling — content renders outside the box if it overflows.hiddenContent is clipped to the overflow clip edge; no scrolling UI is provided, though programmatic scrolling remains available.clipContent is clipped to the overflow clip edge; all scrolling is forbidden (unlike hidden which still allows programmatic scrolling).scrollContent is clipped but can be scrolled into view; scrollbars are always shown, even without overflow.autoLike scroll when the box has scrollable overflow; like hidden otherwise.overlayLike auto but scrollbars are rendered on top of content rather than taking up space. Supported in some browsers only (deprecated).CSS Overflow Module Level 3Editor's DraftW3CMDN
In the beginning God created the heavens and the earth.
Now the earth was formless and empty, darkness was over the surface of the deep, and the Spirit of God was hovering over the waters.
And God said, “Let there be light,” and there was light.
God saw that the light was good, and he separated the light from the darkness.
God called the light “day,” and the darkness he called “night.” And there was evening, and there was morning—the first day.
And God said, “Let there be a vault between the waters to separate water from water.”
So God made the vault and separated the water under the vault from the water above it. And it was so.
God called the vault “sky.” And there was evening, and there was morning—the second day.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
