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
Value | Description |
---|---|
visible | Non-fitting content spills outside of the edges of the box for all to see. Default. |
hidden | Box is clipped, non-fitting content is unseen and the browser does not offer a way to see it. |
scroll | Box 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. |
auto | Browser dependent, but typically similar to scroll . |
inherit | |
initial | |
unset |
Example
section {
height: 500px;
overflow: scroll;
}