background-023

Background with (position image)

WeasyPrint

This browser

Flags
image
Assertion
Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified.

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 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 		<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position">
 9         <meta name="flags" content="image">
10         <meta name="assert" content="Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified.">
11         <style type="text/css">
12             div
13             {
14                 background: bottom left url("support/cat.png");
15                 border: 1px solid black;
16                 height: 150px;
17                 width: 196px;
18             }
19         </style>
20     </head>
21     <body>
22         <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
23         <div></div>
24     </body>
25 </html>