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.