background-repeat
background-repeat
You can specify a value for both the horizontal and vertical repeats. If you provide only one value, the browser will use that repeat style in both directions.
The background-repeat values are:
Value | Description |
---|---|
repeat-x | Repeats the image horizontally and the image may be fragmented. |
repeat-y | Repeats the image vertically and the image may be fragmented. |
repeat | Repeats the image in both directions and the image may be fragmented. |
space | The image is repeated to fill the space without creating fragments. |
round | The image is scaled to repeat without creating fragments. |
no-repeat | The image is not repeated. |
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
p { <!--from w w w . j a v a 2s . c o m-->
background-image: url(http://java2s.com/style/download.png);
background-repeat: repeat-x;
}
</style>
</head>
<body>
<p>
HyperText Markup Language (HTML) is the main markup language for
displaying web pages and other information that can be displayed
in a web browser(From From Wikipedia, the free encyclopedia).
</p>
</body>
</html>
The code above generates the following result.