CSS mask-repeat property
CSS mask-repeat specifies how the mask images are placed after they have been sized and positioned.
mask-repeat : no-repeat | repeat | repeat-x | repeat-y | space | round
The mask mask image is repeated along both axes to fill the painting area completely. It is the same as repeat repeat.
The mask image should not be repeated to fill the painting area.
The mask image is repeated along x-axis only. It is the same as repeat no-repeat
The mask image is repeated along y-axis only. It is the same as no-repeat repeat
In this case, the mask images are repeated and spaced out (kept at a distance) so as to fill the painting area completely. The first and last mask images must touch the corners of the painting area.
The image is repeated untill it fills the background painting area. If it does not fit the painting area a whole number of times, the mask image is rescaled so as to fit the area.
It applies to all elements
Was this article helpful?