page-background-004-print-ref.html (630B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 @page { 5 size: 500px 300px; 6 margin: 0; 7 } 8 :root { 9 print-color-adjust: exact; 10 } 11 body { 12 margin: 0; 13 background: yellow; 14 } 15 .page { 16 margin: 50px; 17 border: 10px solid; 18 padding: 50px; 19 height: 80px; 20 break-before: page; 21 } 22 </style> 23 <div class="page"> 24 This page should be completely yellow (with a border). 25 </div> 26 <div class="page"> 27 This page should be completely yellow (with a border). 28 </div> 29 <div class="page"> 30 This page should be completely yellow (with a border). 31 </div>