Scholar Repository
Home>Manual>CSS Background-repeat Property

CSS Background-repeat Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS background-repeat Property


CSS Reference Complete CSS Reference


Definition

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

Inherited: No


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.backgroundRepeat="repeat-y"

In our HTML DOM tutorial you can find more details about the backgroundRepeat property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

body

background-image: url(stars.gif);
background-repeat: repeat-x

Possible Values

Value Description
repeat Default. The background image will be repeated vertically and horizontally
repeat-x The background image will be repeated horizontally
repeat-y The background image will be repeated vertically
no-repeat The background-image will be displayed only once



Try-It-Yourself Demos

How to repeat a background image
This example demonstrates how to repeat a background image.

How to repeat a background image only vertically
This example demonstrates how to repeat a background image only vertically.

How to repeat a background image only horizontally
This example demonstrates how to repeat a background image only horizontally.

How to display a background image only one time
This example demonstrates how to display a background image only one time


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Background-repeat Property