background-root-010

Background propagation on and - propagation vs. image

WeasyPrint

This browser

Flags
image

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 propagation on &lt;body&gt; and &lt;html&gt; - propagation vs. image</title>
 5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 6   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/07.html" type="text/html">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background">
 8   <meta name="flags" content="image">
 9 <style type="text/css">
10    body { border: solid lime; background: green url(support/square-purple.png) repeat-y top left; color: white; }
11    html { border: solid blue; background: transparent url(support/square-white.png); color: yellow; }
12    :link, :visited { color: inherit; background: transparent; }
13    * { margin: 1em; padding: 1em; }
14 </style>
15 
16 </head>
17 <body>
18 <p>This text should in a green box with a green border, on the inside
19 left of which there should be a vertical line of purple tiles. The
20 box should be surrounded by a blue rectangle drawn on a background of
21 white tiles that covers the entire rest of the page.
22 </p>
23 
24 
25 </body>
26 </html>