mask-border

The mask-border CSS shorthand property lets you create a mask along the edge of an element’s border.

Values: <‘mask-border-source’> The source image. See mask-border-source. <‘mask-border-slice’> The dimensions for slicing the source image into regions. Up to four values may be specified. See mask-border-slice. <‘mask-border-width’> The width of the border mask. Up to four values may be specified. See mask-border-width. <‘mask-border-outset’> The distance of the border mask from the element’s outside edge. Up to four values may be specified. See mask-border-outset. <‘mask-border-repeat’> Defines how the edge regions of the source image are adjusted to fit the dimensions of the border mask. Up to two values may be specified. See mask-border-repeat. <‘mask-border-mode’> Defines whether the source image is treated as a luminance mask or alpha mask. See mask-border-mode.

Syntax example: mask-border: url(“border-mask.png”) 25;