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