Determines how the background image set with the background-image property will be repeated. You can set the pattern to repeat only horizontally, vertically, or both sides.

By default, the background image will repeat indefinitely vertically and horizontally, filling the entire space for the image, unless otherwise specified. The background-repeat property helps eliminate this.


background-repeat: no-repeat | repeat | repeat-x | repeat-y | inherit

    no-repeat - Sets a single background image on an element, without repeating it, whose position is determined by the background-position property (defaults to top-left).

    repeat - The background image is repeated horizontally and vertically.

    repeat-x - The background image repeats only horizontally.

    repeat-y - The background pattern repeats only vertically.

    inherit - Inherits the value of the parent.