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: revert;
mask-border-mode: revert-layer;
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

mask-border-mode = 
  luminance  |
  alpha

Specifications

Specification
CSS Masking Module Level 1
# the-mask-border-mode

Browser compatibility

See also

© 2005–2024 MDN 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