mask-border-source | CSS CSS Properties

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');
}

Initial value

none

Inherited

Applies to

all elements and SVG container elements

Animation type

discrete

none

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+