page-name-unnamed-trailing-001-print.html (1488B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>Test that a page with a non-empty name then a page with an empty name are correctly styled</title> 5 <link rel="match" href="page-name-unnamed-trailing-001-print-ref.html"/> 6 <link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/> 7 <link rel="author" title="Emily McDonough" href="mailto:emcdonough@mozilla.com"/> 8 <style> 9 @page{ 10 margin: 0; 11 size: 200px 300px; 12 } 13 @page landscape{ 14 /* Add a margin so that even if page-orientation doesn't work in the tests 15 * the pages are different. */ 16 margin: 20px; 17 page-orientation: rotate-left; 18 } 19 :root { 20 print-color-adjust: exact; 21 } 22 body{ 23 margin: 0; 24 } 25 .page{ 26 break-after: page; 27 overflow: hidden; 28 width: 160px; 29 height: 260px; 30 } 31 .marker{ 32 width: 90px; 33 height: 90px; 34 background-color: cyan; 35 } 36 </style> 37 </head> 38 <body> 39 <div class="page"> 40 <div> 41 <div class="marker">1</div> 42 <div style="position: absolute">x</div> 43 <canvas width="100" height="200"></canvas> 44 </div> 45 </div> 46 <div class="page"> 47 <div style="page: landscape"> 48 <div class="marker">2</div> 49 <div style="position: absolute">y</div> 50 <canvas style="page: landscape" width="100" height="200"></canvas> 51 </div> 52 </div> 53 <div class="page"> 54 <div> 55 <div class="marker">3</div> 56 <div style="position: absolute">z</div> 57 <canvas width="100" height="200"></canvas> 58 </div> 59 </div> 60 </body>