The background-repeat Property

The background repeat property specifies how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes or not repeated at all.

The repeat-x will repeat a background image only horizontally.

The repeat-y will repeat a background-image only vertically

If you want the image to be shown only once, use the no-repeat value.





Setting the value to inherit

When you set the background-repeat property to inherit, it will take the same specified value as the property for the element's parent.