clipping-013.xht (873B)
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: CSS clipping test</title> 5 <link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping" /> 7 <style type="text/css"> 8 .green { 9 width: 100px; 10 height: 100px; 11 background-color: green; 12 border: 10px solid red; 13 } 14 15 .clip { 16 clip: rect(10px 110px 110px 10px); 17 } 18 19 .positioned { 20 position: absolute; 21 } 22 p 23 { 24 height: 40px; 25 } 26 </style> 27 </head> 28 <body> 29 <p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p> 30 <!-- This test is checking to make sure clip applies to the element itself 31 and starts from the border edge. --> 32 33 <div class="clip green positioned"> 34 </div> 35 </body> 36 </html>