# Property Description

The background-repeat property sets if/how a background image will be repeated.

Note: The background image is placed according to the background-position property. If no background-position is specified, the image is always placed at the element's top left corner.

# Property Values

Value | Description
--- | ---
repeat | (default) The background image will be repeated both vertically and horizontally
repeat-x | The background image will be repeated only horizontally
repeat-y | The background image will be repeated only vertically
no-repeat | The background-image will not be repeated
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example shows how to repeat the background-image only vertically.

    body {
      background-image:
        url('bg-image.gif');
      background-repeat:repeat-y;
    }

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS1