overflow-x

The overflow-x property specifies horizontal overflow behavior.

Formal Syntax

visible | hidden | clip | scroll | auto

Initial value

visible

Applies to

block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT]

Inherited

no

Percentages

N/A

Computed value

usually specified value, but see text

Animation type

discrete

See specification

JavaScript Access

// Access via element.style
element.style.overflowX = 'visible';

Logical Property Group

This property belongs to the overflow logical property group, which includes:

• overflow-block
• overflow-inline
• overflow-x (current property)
• overflow-y