W3cubDocs

/CSS

mask-border-mode

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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: 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 syntax

luminance | alpha

Specifications

Specification	Status	Comment
CSS Masking Module Level 1 The definition of 'mask-border-mode' in that specification.	Candidate Recommendation	Initial 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
Media	visual
Computed value	as specified
Animation type	discrete
Canonical order	per grammar

Browser compatibility

TBD

Edit this page on MDN

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/mask-border-mode