CSS Property: background-repeat
How a background image will repeat itself within a box.
background-position: top right combined with background-repeat: no-repeat.Possible Values
| Value | Description | Example |
|---|---|---|
repeat | Tiled. Repeating the image both horizontally and vertically. Default behavior. | |
repeat-x | Repeating the image horizontally only. | |
repeat-y | Repeating the image vertically only. | |
no-repeat | Not repeating the image at all, showing just one instance. | |
space | Images repeat but are not clipped. A uniform gap spaces out each instance until a new instance can fit in. | |
round | Images repeat but are not clipped. Each instance stretches to fill the background area until a new instance can fit in. | |
[value], [value] | For multiple backgrounds. Values separated by commas correspond to multiple images separated by commas with background-image. | repeat-x, repeat-y |
inherit | ||
initial | ||
unset | ||
Example
header { background-repeat: repeat-x; }
/* The background image of a header repeats horizontally but not vertically. */