HTML Dog
Skip to navigation

CSS Property: overflow

Determines what should happen to a box’s overflow — the portions of content that do not fit inside the box.

Possible Values

ValueDescription
visibleNon-fitting content spills outside of the edges of the box for all to see. Default.
hiddenBox is clipped, non-fitting content is unseen and the browser does not offer a way to see it.
scrollBox is clipped, non-fitting content is initially unseen and the browser offers up a scrolling mechanism (or equivalent) so that the it can be seen upon user interaction.
autoBrowser dependent, but typically similar to scroll.
inherit
initial
unset

Example


section {
    height: 500px;
    overflow: scroll;
}

Browser support