The mask-composite CSS property defines the compositing operation used on the current mask layer with the mask layers below it.
object.style.maskComposite = "value";
<'mask-composite'> = <compositing-operator>#
<compositing-operator> = add | subtract | intersect | exclude
The source is placed over the destination.
The source is placed, where it falls outside of the destination.
The parts of source that overlap the destination, replace the destination.
The non-overlapping regions of source and destination are combined.