table-fragmentation-002c-print-ref.html (723B)
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 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 width: 3in; 15 box-sizing: border-box; 16 border: 0.25in solid black; 17 padding: 0.25in 0.5in; 18 box-decoration-break: clone; 19 } 20 .td { 21 margin: 0.25in 0; 22 border: 0.25in solid orange; 23 } 24 .content { 25 height: 1.5in; 26 background: gold; 27 } 28 </style> 29 30 <div style="height: 0.25in">BEFORE TABLE</div> 31 <div class="table"> 32 <div class="td"> 33 <div class="content"></div> 34 </div> 35 </div> 36 <div style="height: 0.25in">AFTER TABLE</div>