background-015

Background with (repeat image)

WeasyPrint

This browser

Flags
image
Assertion
Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Background with (repeat image)</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
 8 		<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
 9         <meta name="flags" content="image">
10         <meta name="assert" content="Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height.">
11         <style type="text/css">
12             div
13             {
14                 background: repeat-x url("support/cat.png");
15                 border: 1px solid black;
16                 height: 200px;
17             }
18         </style>
19     </head>
20     <body>
21         <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
22         <div></div>
23     </body>
24 </html>