The background-repeat property is used in combination with the background-image property; in other words if there is an image specified as background then the background-repeat property defines whether the image will be tiled (repeated) or not.
The background-repeat property contains following information:
- value: repeat, repeat-x, repeat-y, no-repeat or inherit;
- initial: repeat;
- applies to: all elements;
- inherited: no;
- percentages: N/A;
- media: visual;
- computed value: as specified;
The value repeat will make the image repeat horizontally and vertically. The values repeat-x and repeat-y will repeat the image horizontally and vertically in respective order. The value no-repeat naturally will not repeat the image, making only one copy of the background image.
CSS background-repeat property example: