CSS offers fine grain control over how the background is displayed. With the background-repeat property, you can specify how the background should repeat (if at all) to cover the entire viewing area.
The following example tells the background not to repeat at all:
body { background-image: url("http://www.lynda.com/background.png"); background-repeat: no-repeat;}Here are all the available options:
| Property | Value | Notes |
| background-repeat: | repeat | Repeat the background (default) |
| background-repeat: | repeat-x | Repeat the background horizontally only |
| background-repeat: | repeat-y | Repeat the background vertically only |
| background-repeat: | no-repeat | Don't repeat the background at all |
| background-repeat: | inherit | Inherit parent's repeat setting |