background-182

Background with (position color image repeat)

WeasyPrint

This browser

Flags
image
Assertion
Background with (position color image repeat) 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 (position color 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 (position color image repeat) 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: bottom orange url("support/blue15x15.png") repeat-x;
14                 height: 100px;
15                 width: 100px;
16             }
17         </style>
18     </head>
19     <body>
20         <p>Test passes if there is a orange box above a short blue box below.</p>
21         <div></div>
22     </body>
23 </html>