monolithic-overflow-031-print.html (927B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://issues.chromium.org/40415661"> 4 <link rel="match" href="monolithic-overflow-031-print-ref.html"> 5 <style> 6 :root { 7 print-color-adjust: exact; 8 } 9 body { 10 margin: 0; 11 } 12 @page { 13 size: 400px 300px; 14 margin: 0; 15 } 16 </style> 17 <div style="box-decoration-break:clone; height:675px; border:solid black; border-width:50px 0; border-bottom-color:gray;"> 18 <div style="contain:size; width:50%; height:1450px; background:yellow;"> 19 <div style="width:350px;"> 20 There should be 5 pages. The yellow box should go all the way to the 21 bottom of the fifth page. There should be a black top border at the top of 22 the first page, and a gray bottom border around halfway down on the third 23 page. The yellow box should be on the top of the gray border. 24 </div> 25 </div> 26 </div>