mask-repeat
Controls whether the mask image is tiled (repeated) across the element, and how it is tiled. It works exactly like 'background-repeat'.
Quick example
.single-mask {
/* Ensures the mask image only appears once and is not repeated */
mask-repeat: no-repeat;
}Quick facts
Initial value
repeatInherited
No
Applies to
all elements and SVG container elements
Animation type
discrete
mask-repeat 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+