Back to CSS1 Reference | CSS1 Properties
Prev background-position | Next border
- Property
- background-repeat
- Values
- repeat, repeat-x, repeat-y, no-repeat
- Initial
- repeat
- Inherited
- no
If a background image is specified, the value of 'background-repeat' determines how/if the image is repeated.
A value of 'repeat' means that the image is repeated both horizontally and vertically. The 'repeat-x' ('repeat-y') value makes the image repeat horizontally (vertically), to create a single band of images from one side to the other. With a value of 'no-repeat', the image is not repeated.
BODY {
background: red url(pendant.gif);
background-repeat: repeat-y;
}
In the example above, the image will only be repeated vertically.