CSS Property: clip
Cuts the sides off a box, determining an area that is visible.
Applies to absolutely positioned boxes.
Possible Values
| Value | Description | Example |
|---|---|---|
rect([top], [right], [bottom], [left]) | A rectangular shape, with [top], [right], [bottom], and [left] being lengths (or auto) specifying how far inwards from the edge the clipping region should be. | rect(10px, 50px, 30px, 10px) |
auto | No clipping. Default. | |
inherit | ||
initial | ||
unset | ||
Example
figure {
position: absolute;
clip: rect(10px, 50px, 30px, 10px);
}