mask-clip

The mask-clip CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.

The mask-clip property defines the area of the element that is affected by the applied mask.

For mask layer images that do not reference an SVG mask element, the mask-clip property defines the mask painting area, or the area affected by the mask. The painted content of the element will be restricted to this area.

The mask-clip property has no effect on a mask layer image that references a <mask> element. The <mask> element’s , , , , and attributes determine the mask painting area when the source of the mask-image is a <mask>.

Syntax example: mask-clip: content-box;