CSS Property - Background Repeat

Value: repeat | repeat-x | repeat-y | no-repeat
Initial: repeat
Applies to: all elements
Inherited: no
Percentage values: N/A

Using the CSS property "background-repeat" you can determine if an image should repeat itself and how it should repeat itself.

Values that are used:

  • repeat = The image repeats itself both left to right and top to bottom
  • repeat-x = This value repeats the image from left to right
  • repeat-y = This value repeats the image from top to bottom
  • no-repeat = This value tells the image not to repeat in any form


background-image: url("image.gif");
background-repeat: repeat-x;