back

Overflow

Overflow is used to set what happens if content overflows its element
For example a div with a width of 250px that contains an image of 300px.
It's options are:
(1) Hidden, this means that any overflow is hidden and will not be shown.
(2) Scroll, this will add scrollbars to both axes (even if one doesn't need it), to allow the user to scroll the content inside the element.
(3) Auto, this means that scrollbars will be added where needed and the content will remain inside of the element.
(4) Visible, this is the default option and means that any overflow is shown outside of the element.
(5) Inherit, the value will be inherited from its parent element.

Example