background-238

Background with (image repeat attachment color position)

WeasyPrint

This browser

Flags
image, interact
Assertion
Background with (image repeat attachment color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element.

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 repeat attachment color 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 interact">
 9         <meta name="assert" content="Background with (image repeat attachment color position) sets the background to the color specified, tiling the image across the x-axis at the bottom of the element.">
10         <style type="text/css">
11             #div1
12             {
13                 height: 200px;
14                 overflow: scroll;
15                 width: 200px;
16             }
17             div div
18             {
19                 background: url("support/cat.png") repeat-x scroll green bottom;
20                 height: 400px;
21                 width: 400px;
22             }
23         </style>
24     </head>
25     <body>
26         <p>Test passes if there is a green box below, and when the box is scrolled down, there is a line of cat images at the bottom of the box.</p>
27         <div id="div1">
28             <div></div>
29         </div>
30     </body>
31 </html>