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: repeat; mask-border-mode: unset; 

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.

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.

See also

mask-border mask-border-outset mask-border-repeat mask-border-source mask-border-width

Last modified: Aug 12, 2021, by MDN contributors

Select your preferred language English (US)Français日本語中文 (简体) Change language