clip

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.

It is documented as part of the CSS Masking specification. The web standards community has deprecated this feature. Browsers are actively phasing out support for it.

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

/* Syntax */
clip: auto;

/* Global values */
clip: inherit;
clip: initial;
clip: revert;
clip: revert-layer;
clip: unset;
Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

1+
1+
1+
12+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC