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.