CSS mask position Property
CSS mask-position Property
The mask-position property is used to specify the starting position of a mask image. It is relative to the mask position area. Its default position is the top-left corner and is repeated both vertically and horizontally.
Default Value:-
Its default value is 0% 0%.
Syntax:-
Its syntax is:- mask-position: value;
Further Explanation:-
Value | Description |
---|---|
left top left center left bottom right top right center right bottom center top center center center bottom |
If you only specify one keyword, the other value will be center. |
x% y% | The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. |
xpos ypos | The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |