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'.
It is documented as part of the CSS Masking specification.
Syntax
/* Usage Example */
.masked-element {
/* Restricts the mask to the content area only */
mask-clip: content-box;
}
/* Syntax */
mask-clip: no-clip;
/* Global values */
mask-clip: inherit;
mask-clip: initial;
mask-clip: revert;
mask-clip: revert-layer;
mask-clip: unset;mask-clip Browser support
Newly available
Since
2023 88% global usage
Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
120+
53+
15.4+
120+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more