page-size-009-print.html (636B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/css-page-3/#at-page-rule"> 4 <link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"> 5 <link rel="match" href="page-size-009-print-ref.html"> 6 <style> 7 @page { 8 size: 300px 400px; 9 margin: 0; 10 } 11 @page smaller { 12 size: 200px; 13 } 14 :root { 15 print-color-adjust: exact; 16 } 17 body { 18 margin: 0; 19 } 20 </style> 21 <div style="page:smaller;"> 22 There should be a 200x200 square on the next page. 23 </div> 24 <div style="width:100vw; height:100vh; background:green;"></div>