background-root-008.xht (1239B)
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: Background propagation on <body> and <html> - repeat-y</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/05.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 12 <style type="text/css"><![CDATA[ 13 body { border: solid lime; background: green url(support/square-white.png) repeat-y top left; color: white; } 14 html { border: solid blue; background: transparent; color: yellow; } 15 * { margin: 1em; padding: 1em; } 16 ]]></style> 17 18 </head> 19 <body> 20 <p>There should be a blue rectangle enclosing the bright green rectangle 21 enclosing this text. Just inside the left hand edge of the blue rectangle 22 should be a line of white square tiles, which should continue up and down the entire 23 height of the page. The rest of the page, around, between, and inside the 24 boxes, should be green.</p> 25 26 27 </body> 28 </html>