mask-repeat
Controls whether the mask image is tiled (repeated) across the element, and how it is tiled. It works exactly like 'background-repeat'.
It is documented as part of the CSS Masking specification.
Syntax
/* Usage Example */
.single-mask {
/* Ensures the mask image only appears once and is not repeated */
mask-repeat: no-repeat;
}
/* Global values */
mask-repeat: inherit;
mask-repeat: initial;
mask-repeat: revert;
mask-repeat: revert-layer;
mask-repeat: unset;mask-repeat 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