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 1The 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.
mask-border-mode by Mozilla Contributors is licensed under CC-BY-SA 2.5.