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
stretchrepeatroundspacemask-border-repeat Browser Support
Limited availability92% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
17.2+