The mask-border-mode CSS property specifies the blending mode used in a mask border.
Syntax
/* Keyword values */ mask-border-mode: luminance; mask-border-mode: alpha; /* Global values */ mask-border-mode: inherit; mask-border-mode: initial; mask-border-mode: unset;
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
luminance | alpha
Examples
Basic usage
This property doesn't yet seem to have support anywhere. When browsers support it, it will specify the type of blending mode used for the mask border — luminance or alpha:
mask-border-mode: luminance; mask-border-mode: alpha;
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Masking Module Level 1 The definition of 'mask-border-mode' in that specification. |
Candidate Recommendation | Initial definition |
Browser compatibility
No compatibility data found. Please contribute data for "css.properties.mask-border-mode" (depth: 1) to the MDN compatibility data repository.