table-fragmentation-003a-print-ref.html (1132B)
1 <!DOCTYPE html> 2 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 3 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1863421"> 5 6 <style> 7 @page { size: 5in 3in; margin: 0.5in; } 8 :root { 9 print-color-adjust: exact; 10 } 11 body { margin: 0; } 12 13 .table { 14 inline-size: 3in; 15 box-sizing: border-box; 16 border: 0.25in solid black; 17 padding: 0.25in; 18 } 19 .thead { 20 block-size: 0.25in; 21 background: blue; 22 } 23 .tbody { 24 border: 0 solid orange; 25 margin-block: 0.125in; 26 background: gold; 27 } 28 .tfoot { 29 block-size: 0.25in; 30 background: purple; 31 } 32 </style> 33 34 <div class="table"> 35 <!-- Page 1 --> 36 <div class="thead"></div> 37 <div class="tbody" style="border-block-start-width: 0.25in; block-size: 0.5in;"></div> 38 <div class="tfoot"></div> 39 40 <!-- Page 2 --> 41 <div class="thead"></div> 42 <div class="tbody" style="block-size: 1.25in;"></div> 43 <div class="tfoot"></div> 44 45 <!-- Page 3 --> 46 <div class="thead"></div> 47 <div class="tbody" style="border-block-end-width: 0.25in; block-size: 0.25in;"></div> 48 <div class="tfoot"></div> 49 </div>