The mask-border-mode CSS property specifies the blending mode used in a mask border.


/* Keyword values */
mask-border-mode: luminance;
mask-border-mode: alpha;

/* Global values */
mask-border-mode: inherit;
mask-border-mode: initial;
mask-border-mode: unset;


The luminance values of the mask border image are used as the mask values.
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


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;


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.

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.