mask-clip
Determines which area of the element (border, padding, or content box) the mask should actually apply to. It works similarly to 'background-clip'.
Quick example
.masked-element {
/* Restricts the mask to the content area only */
mask-clip: content-box;
}Quick facts
Initial value
border-boxInherited
No
Applies to
all elements and SVG container elements
Animation type
discrete
Values
no-clipmask-clip Browser Support
Widely availableSince 202388% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
Safe to use without fallbacks.
120+
53+
15.4+
120+