Style overflowX Property

Definition and Usage

overflowX The attribute specifies how to handle the left/right edges of the content - if it overflows the element's content area.

Tip:Use overflowY property to determine the cropping of the top and bottom edges.

See also:

CSS Reference Manual:Propriedade overflow-x

Example

If the text overflows the element's content area, then horizontal scrolling:

document.getElementById("myDIV").style.overflowX = "scroll";

Try it yourself

Syntax

Returns the overflowX property:

object.style.overflowX

Sets the overflowX property:

object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"

Attribute value

Value Description
visible Content is not clipped and may be rendered outside the content box.
hidden Content is clipped - no scrolling mechanism is provided.
scroll Content is clipped and a scrolling mechanism is provided.
auto If the overflow box, then a scrolling mechanism should be provided.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical details

Default value: visible
Return value: String, representing the element's Propriedade overflow-x.
Versão do CSS: CSS3

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte