The background-repeat property is used to specify that whether an image is tiled or not. The background-repeat property has the value of ‘repeat’ as the default value for the web page and can take following values
Value |
Description |
repeat |
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 |
If a background image is indicated then that image tiles across the entire area available to it. It is used as
body
{ background-image: url(bg-page.png); background-repeat: no-repeat; }
or
body
{ background-image: url(bg-page.png); background-repeat: repeat-x; }
{ background-image: url(bg-page.png); background-repeat: no-repeat; }
or
body
{ background-image: url(bg-page.png); background-repeat: repeat-x; }