back

Overflow-X

This is similar to the Overflow property, but it only applies to the left and right sides of an element.
Its partner property is Overflow-Y
It's options are:
(1) Hidden, this means that any overflow is hidden and will not be shown.
(2) Scroll, this will add a scrollbar (even if it's not needed), to allow the user to scroll the content inside the element.
(3) Auto, this means that a scrollbar will be added if needed and the content will remain inside of the element.
(4) Visible, any overflow is shown outside of the element. If this is used with any overflow-y value other than visible; then it will change to auto instead.

Example