printpreview_pps6.html (1352B)
1 <!DOCTYPE html> 2 <!-- This is a testcase for a "6-pages-per-sheet" scenario. 3 There are 12 full-page color-swatches, which should be layed out over 2 4 sheets. 5 6 This test is specifically given more pages than fit on a sheet so that 7 at least one of our tests checks the case where we have more than one 8 sheet. --> 9 <style> 10 html, body { margin: 0; height: 100%; } 11 .swatch { 12 box-sizing: border-box; 13 border: 120px solid; 14 height: 100%; 15 } 16 .swatch:nth-child(1) { border-color: cyan; } 17 .swatch:nth-child(2) { border-color: yellow; } 18 .swatch:nth-child(3) { border-color: pink; } 19 .swatch:nth-child(4) { border-color: orange; } 20 .swatch:nth-child(5) { border-color: purple; } 21 .swatch:nth-child(6) { border-color: olive; } 22 .swatch:nth-child(7) { border-color: blue; } 23 .swatch:nth-child(8) { border-color: tan; } 24 .swatch:nth-child(9) { border-color: fuchsia; } 25 .swatch:nth-child(10) { border-color: salmon; } 26 .swatch:nth-child(11) { border-color: lightgreen; } 27 .swatch:nth-child(12) { border-color: navy; } 28 </style> 29 <div class="swatch"></div> 30 <div class="swatch"></div> 31 <div class="swatch"></div> 32 <div class="swatch"></div> 33 <div class="swatch"></div> 34 <div class="swatch"></div> 35 <div class="swatch"></div> 36 <div class="swatch"></div> 37 <div class="swatch"></div> 38 <div class="swatch"></div> 39 <div class="swatch"></div> 40 <div class="swatch"></div>