table-fragmentation-003c-print.html (1065B)
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-003c-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 box-decoration-break: clone; 21 } 22 td { 23 padding: 0; 24 } 25 thead td { 26 block-size: 0.25in; 27 background: blue; 28 } 29 tbody td { 30 vertical-align: top; 31 border: solid orange; 32 border-width: 0.25in 0; 33 } 34 .content { 35 block-size: 0.75in; 36 background: gold; 37 } 38 tfoot td { 39 block-size: 0.25in; 40 background: purple; 41 } 42 </style> 43 44 <table> 45 <thead> 46 <tr> 47 <td></td> 48 </tr> 49 </thead> 50 <tbody> 51 <tr> 52 <td><div class="content"></div></td> 53 </tr> 54 </tbody> 55 <tfoot> 56 <tr> 57 <td></td> 58 </tr> 59 </tfoot> 60 </table>