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: