mask-border
A shorthand property that lets you use an image as a 'border mask' for an element. This allows you to create decorative borders that are defined by an external image file.
Quick example
.decorative-box {
mask-border: url('border.png') 30 fill stretch;
/* applies a custom image-based border to the element */
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
all elements and SVG container elements
Values
mask-border-mode mask-border 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+