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: Backgrounds on <body> and <html> - propagation vs. repeat</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/06.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-white.png) repeat-y top left; color: white; }
11 html { border: solid blue; background: transparent repeat-x; color: yellow; }
12 * { margin: 1em; padding: 1em; }
13 </style>
14
15 </head>
16 <body>
17 <p>There should be a blue rectangle enclosing the bright green rectangle
18 enclosing this text. Just inside the left hand edge of the blue rectangle
19 should be a line of white square tiles, which should continue up and down the entire
20 height of the page. The rest of the page, around, between, and inside the
21 boxes, should be green.</p>
22
23 </body>
24 </html>