abspos-breaking-009-ref.html (933B)
1 <!DOCTYPE html> 2 <html class="reftest-paged"> 3 <head> 4 <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title> 5 <style type="text/css"> 6 html, body, pre { margin: 0; padding: 0; } 7 div { 8 position: absolute; 9 top: 100px; 10 border: 10px solid blue; 11 width: 50px; 12 height: 220px; 13 } 14 #mask1 { 15 border-color: white; 16 background: white; 17 clip:rect(0px, auto, 212px, 0px); 18 } 19 #mask2 { 20 border-color: white; 21 background: white; 22 clip:rect(200px, 5px, auto, 0px); 23 } 24 #mask3 { 25 border-color: white; 26 background: white; 27 clip:rect(222px, auto, auto, 0px); 28 } 29 #mask4 { 30 border-color: white; 31 background: white; 32 clip:rect(200px, auto, auto, 65px); 33 } 34 </style> 35 </head> 36 <body> 37 <div></div><div id="mask1"></div><div id="mask2"></div><div id="mask3"></div><div id="mask4"></div> 38 </body> 39 </html>