page-background-003-print.html (701B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="http://crbug.com/351332645"> 4 <link rel="match" href="page-background-003-print-ref.html"> 5 <style> 6 :root { 7 print-color-adjust: exact; 8 } 9 @page { 10 size: 500px 250px; 11 margin: 0; 12 } 13 body { 14 margin-left: 100px; 15 background: url(support/cat.png) repeat-y; 16 } 17 </style> 18 There should be two and a half cats on this page. 19 <div style="break-before:page;"> 20 There should be two and a half cats on this page, too (and the ears of another 21 cat barely visible at the bottom). The previous page ends with a cat's head, 22 and this page starts with a cat's body. 23 </div>