CSS background-repeat property
CSS background-repeat property defines the repeating behavior of background image and the orientation of repititon if the painting area is larger than the image.
background-repeat : no-repeat | repeat | repeat-x | repeat-y | space | round
The image is repeated along both axes to fill the painting area completely. It is the same as repeat repeat.
The image should not be repeated to fill the painting area.
The image is repeated along x-axis only. It is the same as background-repeat: repeat no-repeat;
The image is repeated along y-axis only. It is the same as background-repeat: no-repeat repeat;
In this case, the images are repeated and spaced out (kept at a distance) so as to fill the painting area completely. The first and last 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 image is rescaled so as to fit the area.
It applies to all elements
Was this article helpful?