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
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a fully functional free 30-day trial today!
| 
HOME
Printer friendly page
