background-repeat-space.xht (1851B)
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 Reference: background-repeat:space</title> 5 <link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" /> 6 <style type="text/css"> 7 <![CDATA[ 8 div { 9 background-color: grey; 10 height: 204px; 11 width: 236px; 12 } 13 div > img { 14 float: left; 15 margin-bottom: 12px; 16 margin-right: 44px; 17 } 18 div > img.second { 19 margin-right: 0; 20 } 21 div > img.bottom { 22 margin-bottom: 0; 23 } 24 ]]> 25 </style> 26 </head> 27 <body> 28 <p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/></p> 29 <p>Test passes if the above image repeats in the below grey rectangle 6 times exactly: 2 columns, 3 rows. The images should appear at exactly the same size as the image above and be sitting at the edges of the grey rectangle.</p> 30 <p>Test fails if the above image repeats in the below rectangle more than 6 times, with partial images lining the right and the bottom.</p> 31 <div> 32 <img src="support/rectangle-96x60.png" alt="Image download support must be enabled" /> 33 <img src="support/rectangle-96x60.png" class="second" alt="Image download support must be enabled"/> 34 <img src="support/rectangle-96x60.png" alt="Image download support must be enabled"/> 35 <img src="support/rectangle-96x60.png" class="second" alt="Image download support must be enabled"/> 36 <img src="support/rectangle-96x60.png" class="bottom" alt="Image download support must be enabled"/> 37 <img src="support/rectangle-96x60.png" class="bottom second" alt="Image download support must be enabled"/> 38 </div> 39 </body> 40 </html>