`mask-border-mode` CSS property
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: 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
| Specification |
|---|
| CSS Masking Module Level 1 # the-mask-border-mode |
Browser compatibility
Currently, no browsers support this feature.
See also
mask-modemask-type- Alpha transparency versus luminance
-
mask-bordershorthand mask-border-outsetmask-border-repeatmask-border-sourcemask-border-widthmask-mode- CSS masking module
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/mask-border-mode