Inset Rectangle

Use inset() to create inner rectangles by clipping from the edges. Perfect for creating frames and borders.

Key Concepts

• Inset() function syntax
• Clipping from edges
• Creating frames and borders

Technical Details

clip-path: inset(20%);
/* Shorthand: all sides */
clip-path: inset(10% 0% 10% 0%);
/* Syntax: inset(top right bottom left)