background-root-009.xht (1249B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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 <link rel="match" href="background-root-008-ref.xht" /> 9 10 <meta name="flags" content="image"/> 11 <style type="text/css"><![CDATA[ 12 body { border: solid lime; background: green url(support/square-white.png) repeat-y top left; color: white; } 13 html { border: solid blue; background: transparent repeat-x; color: yellow; } 14 * { margin: 1em; padding: 1em; } 15 ]]></style> 16 17 </head> 18 <body> 19 <p>There should be a blue rectangle enclosing the bright green rectangle 20 enclosing this text. Just inside the left hand edge of the blue rectangle 21 should be a line of white square tiles, which should continue up and down the entire 22 height of the page. The rest of the page, around, between, and inside the 23 boxes, should be green.</p> 24 25 </body> 26 </html>