mask-border-mode
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: repeat;
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
No specification found
No specification data found for css.properties.mask-border-mode.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
No compatibility data found for css.properties.mask-border-mode.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.