CSS mask-origin Property
The mask-origin property specifies the position of the mask image in relation to the various components of the box model.
Syntax
Property Values
| Value | Description |
|---|---|
| border-box | The coordinates are relative to the border box. This is the default setting. |
| content-box | The coordinates are relative to the content box. |
| padding-box | The coordinates are in relation to the padding box. |
| margin-box | The coordinates are in relation to the margin box. |
| fill-box | The position is relative to the bounding box of the object. |
| stroke-box | The coordinates are in relation to the stroke bounding box. |
| view-box | As a reference box, use the nearest SVG viewport. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| mask-origin | 4.0 -webkit- | 53.0 | 4.0 -webkit- | 79.0 -webkit- | 15.0 -webkit- |