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