CSS overflow attributes

Document directory

• Description
• Script Syntax:

Definition

OverflowAttribute setting occurs when the content of an element overflows its region.

Inheritance: No

Description

This attribute defines how the content of the overflow element content area will be processed. If the value is scroll, the user agent provides a rolling mechanism whether or not required. Therefore, a scroll bar may appear even if all content can be put in the element box.

Javascript syntax

CSS attributes can also be dynamically changed through a piece of JavaScript.

Script Syntax:

Object. style. Overflow = "hidden"

In our HTML Dom tutorial, you can find more details about the overflow attributes.

In our HTML Dom tutorial, you can also find the complete style object reference manual.

Example

P {Overflow: Scroll}

Possible Value

Value	Description
Visible	Default value. The content will not be trimmed and will be displayed outside of the element.
Hidden	The content will be trimmed, but the browser will not display the scroll bar for viewing the content.
Scroll	The content is trimmed, but the browser displays a scroll bar to view other content.
Auto	If the content is trimmed, the browser displays a scroll bar to view other content.