overflow-x

The overflow-x CSS property sets what shows when content overflows a block-level element’s left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property.

Values: visible Overflow content is not clipped and may be visible outside the element’s padding box on left and right edges. The element box is not a scroll container. hidden Overflow content is clipped if necessary to fit horizontally in the elements’ padding box. No scroll bars are provided. clip Overflow content is clipped at the element’s overflow clip edge that is defined using the overflow-clip-margin property. As a result, content overflows the element’s padding box by the <length> value of overflow-clip-margin or by 0px if not set. The difference between clip and hidden is that the clip keyword also forbids all scrolling, including programmatic scrolling. No new formatting context is created. To establish a formatting context, use overflow: clip along with display: flow-root. The element box is not a scroll container. scroll Overflow content is clipped if necessary to fit horizontally inside the element’s padding box.

Syntax example: overflow-x: visible;