shape-spaces-001.xht (1127B)
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: Clip with 'rect()' function values separated</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" /> 7 <meta name="flags" content="may" /> 8 <meta name="assert" content="User agent may also support separation of the 'rect()' function values 'top', 'right', 'bottom', and 'left' with spaces." /> 9 <style type="text/css"> 10 div 11 { 12 border: 10px solid green; 13 background: red; 14 clip: rect(5px 50px 8px 0); 15 color: yellow; 16 height: 100px; 17 position: absolute; 18 width: 100px; 19 } 20 </style> 21 </head> 22 <body> 23 <p>Test passes if there is a single horizontal green line below and no red visible on the page.</p> 24 <div>FAIL</div> 25 </body> 26 </html>