background-013

Background with (image position)

WeasyPrint

This browser

Flags
image
Assertion
Background with (image position) 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 (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 		<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 (image position) 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: url("support/cat.png") bottom left;
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>