New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

#overflow-x

Defines how overflowing content on the horizontal axis is displayed.

default overflow-x: visible;

The overflowing content is visible, while the element itself stays at the specified width.

overflow-x: hidden;

The overflowing content is hidden and can not be accessed.

overflow-x: scroll;

The overflowing content is accessible thanks to a horizontal scrollbar.

overflow-x: auto;

The browser decides whether to display a horizontal scrollbar or not.