The mask-clip CSS property determines the mask painting area, which determines the area that is affected by the mask.
object.style.maskClip = "value";
<'mask-clip'> = [ <geometry-box> | no-clip ]#
<geometry-box> = <shape-box> | fill-box | stroke-box | view-box
<shape-box> = <box> | margin-box
<box> = border-box | padding-box | content-box
Area within the border box.
Area within the padding box.
Area within the content box.
Area within the margin box.
Uses the object bounding box as a reference box.
Uses the stroke bounding box as a reference box.
Uses the nearest SVG viewport as a reference box.
The painted content is not restricted (not clipped).