page-name-unnamed-trailing-001-print-ref.html (1300B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>Reference for styling a page with a non-empty name then a page with an empty name</title> 5 <link rel="author" title="Emily McDonough" href="mailto:emcdonough@mozilla.com"/> 6 <style> 7 @page{ 8 size: 200px 300px; 9 } 10 @page a{ 11 margin: 0; 12 } 13 @page b{ 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" style="page: a"> 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" style="page: b"> 47 <div class="marker">2</div> 48 <div style="position: absolute">y</div> 49 <canvas width="100" height="200"></canvas> 50 </div> 51 <div class="page" style="page: a"> 52 <div> 53 <div class="marker">3</div> 54 <div style="position: absolute">z</div> 55 <canvas width="100" height="200"></canvas> 56 </div> 57 </div> 58 </body>