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 valuealpha
Applies toall elements; In SVG, it applies to container elements excluding the <defs> element and all graphics elements
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderper grammar

Browser compatibilityEdit

TBD

Document Tags and Contributors

 Contributors to this page: mfluehr
 Last updated by: mfluehr,