Backgrounds
8.3
Lesson

Background Repeat

By default, the background image repeats itself horizontally and vertically, if itโ€™s smaller than the element. This can be changed using the background-repeat property.

When this property is set to no-repeat, the image does not repeat itself:

When the property is set to repeat-x, it repeats itself only in the horizontal direction:

When the property is set to repeat-y, it repeats itself only in the vertical direction: