background image repeat


background-repeat: ***;

Browser
Internet Explorer Firefox Opera

The background-repeat property specifies how a background image is repeated.

Applying this property to the BODY element applies the specified style to background of an entire page.


body {
background-image: url(image/back.gif);
background-repeat: repeat-y;
}


Property Value Explanation
background-repeat repeat the image is repeated both horizontally and vertically (default)
repeat-x the image is only repeated horizontally
repeat-y the image is only repeated vertically
no-repeat the image is displayed only once

Example

repeat-y (The image is only repeated vertically)

<html>
<head>
<title>TAG index</title>

<style type="text/css">

body {
background-color: #ffffff;
background-image: url(image/back.gif);
background-repeat: repeat-y;
color: #000000;
}

</style>

</head>
<body>



</body>
</html>
Output
Background Image back.gif
Example page

Other examples

repeat-x example (The image is only repeated horizontally)
no-repeat example (The image is displayed only once)
repeat example (The image is repeated both horizontally and vertically)