clip

Deprecated

A legacy property used to define which portion of an absolutely positioned element is visible. It has been replaced by the more powerful and flexible 'clip-path' property.

Quick example

.legacy-box {
  position: absolute;
  clip: rect(0, 50px, 50px, 0);
  /* old-style rectangle clipping (use clip-path for new projects!) */
}

Quick facts

Initial value
auto
Inherited
No
Applies to
absolutely positioned elements
Animation type
rectangle

Values

auto

clip Browser Support

Limited availability96% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

1+
1+
1.3+
79+
ESC