<!DOCTYPE html>
<html>
<head>
<title>CSS background-repeat property</title>
<style type="text/css">
.repeat {
background-repeat: repeat;
}
.repeatx {
background-repeat: repeat-x;
}
.repeaty {
background-repeat: repeat-y;
}
.norepeat {
background-repeat: norepeat;
}
.space {
background-repeat: space;
}
.round {
background-repeat: round;
}
div {
background-image: url("../../images/refresh.png");
border: 1px solid #000;
width: 300px;
height: 130px;
}
</style>
</head>
<body>
<h4><code>background-repeat: repeat;</code></h4>
<div class="repeat"></div>
<h4><code>background-repeat: repeat-x;</code></h4>
<div class="repeatx"></div>
<h4><code>background-repeat: repeat-y;</code></h4>
<div class="repeaty"></div>
<h4><code>background-repeat: norepeat;</code></h4>
<div class="norepeat"></div>
<h4><code>background-repeat: space;</code></h4>
<div class="space"></div>
<h4><code>background-repeat: round;</code></h4>
<div class="round"></div>
</body>
</html>
