page-background-003-print-ref.html (937B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 @page { 5 size: 500px 250px; 6 margin: 0; 7 } 8 body { 9 margin-left: 100px; 10 } 11 </style> 12 <div style="position:absolute; z-index:-1; top:0; left:0; overflow:clip; contain:size; width:100px; height:500px;"> 13 <img src="support/cat.png" style="display:block;"> 14 <img src="support/cat.png" style="display:block;"> 15 <img src="support/cat.png" style="display:block;"> 16 <img src="support/cat.png" style="display:block;"> 17 <img src="support/cat.png" style="display:block;"> 18 <img src="support/cat.png" style="display:block;"> 19 </div> 20 There should be two and a half cats on this page. 21 <div style="break-before:page;"> 22 There should be two and a half cats on this page, too (and the ears of another 23 cat barely visible at the bottom). The previous page ends with a cat's head, 24 and this page starts with a cat's body. 25 </div>