abspos-breaking-007-ref.html (1185B)
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 #test { 8 box-decoration-break:clone; 9 } 10 div { 11 position: absolute; 12 top: 120px; 13 border: 10px solid blue; 14 width: 50px; 15 height: 160px; 16 } 17 #mask1 { 18 border-color: white; 19 background: white; 20 clip:rect(0px, auto, 3px, 0px); 21 } 22 #mask2 { 23 border-color: white; 24 background: white; 25 clip:rect(0px, 5px, auto, 0px); 26 } 27 #mask3 { 28 border-color: white; 29 background: white; 30 height: 180px; 31 clip:rect(0px, 5px, auto, 0px); 32 } 33 #mask4 { 34 border-color: white; 35 background: white; 36 height: 180px; 37 clip:rect(0px, 5px, auto, 0px); 38 } 39 #mask5 { 40 box-decoration-break:clone; 41 border-color: white; 42 height: 180px; 43 clip:rect(0, auto, 3px, 0px); 44 } 45 </style> 46 </head> 47 <body> 48 <div id="test"></div><div id="mask1"></div><div id="mask2"></div><div id="mask3"></div><div id="mask4"></div><div id="mask5"></div> 49 </body> 50 </html>