page-box-005-print.html (1088B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-page-3/#page-properties"> 4 <link rel="match" href="page-box-005-print-ref.html"> 5 <style> 6 @page { 7 size: 400px; 8 margin: 50px; 9 color: hotpink; 10 border: 10px dotted; 11 padding: 20px; 12 background: yellow; 13 } 14 @page :first { 15 color: orange; 16 background: white; 17 } 18 @page :right { 19 /* The first page in a horizontal writing mode LTR document is a right 20 page. :first has higher specificity than :right, so these declarations 21 are only for the third page. */ 22 color: black; 23 background: cyan; 24 } 25 :root { 26 print-color-adjust: exact; 27 } 28 body { 29 margin: 0; 30 } 31 </style> 32 White background (including page margins). Orange dotted border. Black text. 33 <div style="break-before:page;"> 34 Yellow background (including page margins). Hotpink dotted border. Black text. 35 </div> 36 <div style="break-before:page;"> 37 Cyan background (including page margins). Black dotted border. Black text. 38 </div>