Why is my background image not repeating on the whole page?

Last updated: October 6, 2015

By default, the background-repeat value for a background image will repeat both horizontally and vertically on the page. However, if any repeat value is set the default is no longer applicable and you'll only see it once, only on x, or only on y.

If you need to adjust your css declaration for a background image you may use the following snippets in the style declaration for the element.

Horizontal Repeat:

Vertical Repeat:

No Repeat:
background-repeat: no-repeat;

If you want the image to repeat both horizontally and vertically you may use:
background-repeat: repeat;

Was this article helpful?