background-106

Background with (color position repeat image)

WeasyPrint

This browser

Flags
image
Assertion
Background with (color position repeat image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom. The center assignment from background-position does not matter since the image is tiled across the x-axis.

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 (color position 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         <meta name="flags" content="image">
 9         <meta name="assert" content="Background with (color position repeat image) sets the background to the color specified, with the image overlaid across the x-axis at the bottom.  The center assignment from background-position does not matter since the image is tiled across the x-axis.">
10         <style type="text/css">
11             div
12             {
13                 background: green bottom repeat-x url("support/blue15x15.png");
14                 height: 200px;
15                 width: 200px;
16             }
17         </style>
18     </head>
19     <body>
20         <p>Test passes if there is a green box on top of a blue box below.</p>
21         <div></div>
22     </body>
23 </html>