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:

  1. value: repeat, repeat-x, repeat-y, no-repeat or inherit;
  2. initial: repeat;
  3. applies to: all elements;
  4. inherited: no;
  5. percentages: N/A;
  6. media: visual;
  7. 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:


›› go to examples ››