`mask-border-mode` CSS property

The mask-border-mode CSS property specifies the blending mode used in a mask border.

Syntax

css

/* Keyword values */
mask-border-mode: luminance;
mask-border-mode: alpha;

/* Global values */
mask-border-mode: inherit;
mask-border-mode: initial;
mask-border-mode: revert;
mask-border-mode: revert-layer;
mask-border-mode: unset;

Values

This property is specified as one of the following keyword values:

luminance: The luminance values of the mask border image are used as the mask values.
alpha: The alpha values of the mask border image are used as the mask values.

Formal definition

Initial value	`alpha`
Applies to	all elements; In SVG, it applies to container elements excluding the `<defs>` element and all graphics elements
Inherited	no
Computed value	as specified
Animation type	discrete

Formal syntax

mask-border-mode = 
  luminance  |
  alpha

Specifications

CSS Masking Module Level 1

Browser compatibility

Currently, no browsers support this feature.

mask-border-mode CSS property