background-093

Background with (color repeat image position)

WeasyPrint

This browser

Flags
image
Assertion
Background with (color repeat image position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom.

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 repeat image position)</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 repeat image position) sets the background to the color specified, with the image overlaid across the x-axis at the bottom.">
10         <style type="text/css">
11             div
12             {
13                 background: green repeat-x url("support/blue15x15.png") bottom;
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>