Menu
Samaritan's Purse

MASK-MODE

The mask-mode property indicates whether the <mask-reference> is treated as luminance mask or alpha mask.

SYNTAX

CSS

mask-mode: value;

JS

object.style.maskMode = "value";

VALUES

<'mask-mode'> = <masking-mode>#
<masking-mode> = alpha | luminance | match-source
alpha

Indicates the alpha values of the mask layer image should be used as the mask values.

luminance

Indicates the luminance values of the mask layer image should be used as the mask values.

match-source

The value specified by the referenced mask element's mask-type property must be used.

INITIAL

match-source

EXAMPLES

ALPHA

LUMINANCE

MATCH-SOURCE

JS

INTERNAL

mask

mask-clip

mask-composite

mask-image

mask-origin

mask-position

mask-repeat

mask-size

mask-type

EXTERNAL

World Wide Web Consortium (W3C)