Back to Content

mask-border-mode

files/en-us/web/css/reference/properties/mask-border-mode/index.md

latest1.2 KB
Original Source

The mask-border-mode CSS property specifies the blending mode used in a mask border.

Syntax

css
/* 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

{{cssinfo}}

Formal syntax

{{csssyntax}}

Specifications

{{Specifications}}

Browser compatibility

Currently, no browsers support this feature.

See also

  • {{cssxref("mask-mode")}}
  • {{cssxref("mask-type")}}
  • Alpha transparency versus luminance
  • {{cssxref("mask-border")}} shorthand
  • {{cssxref("mask-border-outset")}}
  • {{cssxref("mask-border-repeat")}}
  • {{cssxref("mask-border-source")}}
  • {{cssxref("mask-border-width")}}
  • {{cssxref("mask-mode")}}
  • CSS masking module