mask-clip
Description
The mask-clip property for CSS determines the mask painting area, which determines the area that is affected by the mask.
Syntax
CSS
mask-clip: value;
JS
object.style.maskClip = "value";
Values
<'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
border-box
Area within the border box.
padding-box
Area within the padding box.
content-box
Area within the content box.
margin-box
Area within the margin box.
fill-box
Uses the object bounding box as a reference box.
stroke-box
Uses the stroke bounding box as a reference box.
view-box
Uses the nearest SVG viewport as a reference box.
no-clip
The painted content is not restricted (not clipped).
Initial
border-box
