CSS background-repeat Property
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
Complete CSS Reference
NEW! Altova MissionKit 2007– Save ½ off Intelligent tools for XML developers & software architects
 | |
The Altova MissionKit 2007
bundles Altova’s application development, data management and
modeling tools at 50% off their regular prices. It is available in a
variety of configurations tailored to meet the needs of software
architects and XML developers. All MissionKits include the
world’s leading XML development tools: Altova
XMLSpy,
MapForce,
and StyleVision.
Gear
up; download a FREE 30-day trial today!
|
|