mask-border-repeat
Determines how the edges and corners of the mask border image are repeated or stretched to fill the mask area.
Quick example
.masked-element {
mask-border-source: url('mask-edge.png');
/* Repeats the mask image edges to fill the border */
mask-border-repeat: repeat;
}Quick facts
Initial value
stretchInherited
No
Applies to
all elements and SVG container elements
Animation type
discrete
Values
stretchrepeatroundspace mask-border-repeat Browser Support
Widely available Since 2015 92% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
17.2+
79+