monolithic-overflow-032-print-ref.html (922B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 :root { 5 print-color-adjust: exact; 6 } 7 body { 8 margin: 0; 9 } 10 @page { 11 size: 400px 300px; 12 margin: 0; 13 } 14 .borders { 15 border: solid black; 16 border-width: 10px 0; 17 border-bottom-color: gray; 18 } 19 </style> 20 <div class="borders"> 21 <div style="width:50%; box-sizing:border-box; border:solid hotpink; height:850px; background:yellow;"></div> 22 </div> 23 <div class="borders"> 24 <div style="width:25%; height:10px; background:cyan;"></div> 25 </div> 26 <div class="borders"> 27 <div style="width:25%; height:280px; background:cyan;"></div> 28 </div> 29 <div class="borders"> 30 <div style="width:25%; height:10px; background:cyan;"></div> 31 <div style="height:270px;"></div> 32 </div> 33 <div class="borders"> 34 <div style="height:280px;"></div> 35 </div> 36 <div class="borders"> 37 <div style="height:100px;"></div> 38 </div>