CSS mask origin Property
CSS mask-origin Property
The mask-origin property is used to specify the origin position and the mask position area of a mask layer image.
Default Value:-
Its default value is border-box.
Syntax:-
Its syntax is:- mask-origin: border-box | content-box | padding-box | margin-box | fill-box | stroke-box | view-box | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
border-box | The position is relative to the border-box. |
content-box | The position is relative to the content box. |
padding-box | The position is relative to the padding box. |
margin-box | The position is relative to the margin box. |
fill-box | The position is relative to the object bounding box. |
stroke-box | The position is relative to the stroke bounding box. |
view-box | Use the nearest SVG viewport as a reference box. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |