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.
It is documented as part of the CSS Masking specification.
Syntax
/* Usage Example */
.masked-element {
/* Uses an external image as the source for the mask border */
mask-border-source: url(';border-mask.png');
}
/* Syntax */
mask-border-source: none;
/* Global values */
mask-border-source: inherit;
mask-border-source: initial;
mask-border-source: revert;
mask-border-source: revert-layer;
mask-border-source: unset;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.
1+
17.2+
79+