Menu Riverview Church

MASK-COMPOSITE

The mask-composite property defines the compositing operation used on the current mask layer with the mask layers below it.

SYNTAX

CSS

mask-composite: value;

JS

object.style.maskComposite = "value";

VALUES

<'mask-composite'> = <compositing-operator>#
<compositing-operator> = add | subtract | intersect | exclude
add

The source is placed over the destination.

subtract

The source is placed, where it falls outside of the destination.

intersect

The parts of source that overlap the destination, replace the destination.

exclude

The non-overlapping regions of source and destination are combined.

INITIAL

add

EXAMPLES

ADD

EXCLUDE

INTERSECT

SUBTRACT

JS

INTERNAL

mask

mask-clip

mask-image

mask-mode

mask-origin

mask-position

mask-repeat

mask-size

mask-type

EXTERNAL

World Wide Web Consortium (W3C)