mask-border-source
Sets the image that will be used to create the mask border. This image is sliced and applied to the border area of an element.
Quick example
.masked-element {
/* Uses an external image as the source for the mask border */
mask-border-source: url('border-mask.png');
}Quick facts
Initial value
noneInherited
No
Applies to
all elements and SVG container elements
Animation type
discrete
Values
none mask-border-source 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+