background-011

Background with (image repeat)

WeasyPrint

This browser

Flags
image
Assertion
Background with (image repeat) 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 (image repeat)</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         <meta name="flags" content="image">
 9         <meta name="assert" content="Background with (image repeat) sets the background to the image specified, tiling it to cover the full width, but not height.">
10         <style type="text/css">
11             div
12             {
13                 background: url("support/cat.png") repeat-x;
14                 border: 1px solid black;
15                 height: 200px;
16             }
17         </style>
18     </head>
19     <body>
20         <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>
21         <div></div>
22     </body>
23 </html>