CSS background-repeat property

The background-repeat property can be used to set how a background image will repeat on a page.

This property is NOT inherited

Possible values

Value	Description
repeat	Repeat the background image horizontally & vertically (default)
repeat-x	Repeat the background image only horizontally
repeat-y	Repeat the background image only vertically
no-repeat	Do not repeat the background image, display just once

Example

div.one {background-image: url(/images/ob020.jpg); background-repeat: repeat-x;} div.two {background-image: url(/images/bricks.jpg); background-repeat: repeat-y;} <div class="one">This container has a horizontally repeating background image</div> <div class="two">This container has a vertically repeating background image</div>

Output:

This container has a horizontally repeating background image

This container has a vertically repeating background image

Javascript

You can access this property with Javascript:

element.style.backgroundRepeat = "repeatType";

Other background properties

background
background-attachment
background-color
background-image
background-position

CSS background examples

More CSS examples