overflow: clip

The overflow: clip CSS declaration clips an element's overflowing content to the box that's defined by the overflow-clip-margin property. Unlike overflow: hidden, it allows you to hide overflow on one axis while keeping overflow on the other axis visible.

Baseline Status: Achieved Widely Available on Mar 12, 2025 (Cross-browser Newly Available since Sep 12, 2022).

Desktop Browser Engine Support

Google Chrome

90

Supported

Mozilla Firefox

81

Supported

Apple Safari

16

Supported

Microsoft Edge

90

Supported

Mobile Browser Engine Support

Chrome Android

90

Firefox Android

81

Safari iOS

16

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.overflow-x.clip ↗ css.properties.overflow-y.clip ↗ css.properties.overflow.clip ↗ css.types.overflow.clip ↗