background-028

Background with (color image position)

WeasyPrint

This browser

Flags
image
Assertion
Background with (color image position) sets the background of the element to the image specified. Since the initial value for background-repeat is repeat the position designates where the image tiles from and color declaration will have no effect.

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 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 image position) sets the background of the element to the image specified.  Since the initial value for background-repeat is repeat the position designates where the image tiles from and color declaration will have no effect.">
10         <style type="text/css">
11             div
12             {
13                 background: green url("support/cat.png") right top ;
14                 height: 198px;
15             }
16         </style>
17     </head>
18     <body>
19         <p>Test passes if there is a box filled with cat images and the one in the right top corner is not cut off.</p>
20         <div></div>
21     </body>
22 </html>