background-repeat-no-repeat.xht (1486B)
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-repeat:no-repeat</title> 5 <link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" /> 6 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 7 <link rel="match" href="reference/background-repeat-no-repeat.xht"/> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> 9 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" /> 10 <meta name="flags" content="image" /> 11 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-5" /> 12 <meta name="assert" content="The image is placed once in the background positioning area and not repeated in any direction." /> 13 <style type="text/css"> 14 <![CDATA[ 15 div { 16 background-color: grey; 17 background-image: url("support/rectangle-96x60.png"); 18 background-repeat: no-repeat; 19 height: 150px; 20 width: 240px; 21 } 22 ]]> 23 </style> 24 </head> 25 <body> 26 <p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p> 27 <p>Test passes if the above image appears once in the below rectangle. There should be a grey area to the right and bottom of the image.</p> 28 <div></div> 29 </body> 30 </html>