mask-origin
Description
The mask-origin property for CSS specifies the mask positioning area for elements rendered as a single box.
It specifies which boxes box-decoration-break operates on to determine the mask positioning area for elements rendered as multiple boxes.
Syntax
CSS
mask-origin: value;
JS
object.style.maskOrigin = "value";
Values
<'mask-origin'> = <geometry-box>#
<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.
Initial
border-box
