CSS mask repeat Property
CSS mask-repeat Property
The mask-repeat property is used to specify how a mask image will be repeated if we want it to repeat. A mask image is repeated both vertically and horizontally by default.
Default Value:-
Its default value is repeat.
Syntax:-
Its syntax is:- mask-repeat: repeat | repeat-x | repeat-y | space | round | no-repeat | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
repeat | The mask image is repeated both vertically and horizontally. |
repeat-x | The mask image is repeated only horizontally |
repeat-y | The mask image is repeated only vertically |
space | The mask image is repeated as much as possible without clipping. |
round | The mask image is repeated and squished or stretched to fill the space. |
no-repeat | The mask image is not repeated. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |