<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS 2.1 Test Suite: background-repeat</title> <style type="text/css"><![CDATA[ .test { font: 15px/1 Ahem; width: 10em; background: red; color: green; border: solid black; } .one {background-image: url(support/swatch-green.png); background-repeat: repeat-y;} .two {background-image: url(support/swatch-green.png); background-repeat: repeat-x;} .three {background-image: url(support/swatch-green.png); background-repeat: no-repeat;} ]]></style> <link title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" rel="help"/> </head> <body> <p>There should be a green block below.</p> <div class="test"> <div class="one">  xxxxxxxxx  xxxxxxxxx  xxxxxxxxx  xxxxxxxxx  xxxxxxxxx </div> <div class="two">           xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx </div> <div class="three">  xxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx </div> </div> </body> </html>