page-left-right-001-print.html (746B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/css-page-3/#spread-pseudos"> 4 <link rel="match" href="page-left-right-001-print-ref.html"> 5 <style> 6 @page { 7 size: 600px 300px; 8 margin: 0; 9 } 10 @page :left { 11 margin-left: 500px; 12 margin-bottom: 200px; 13 } 14 @page :right { 15 margin-right: 500px; 16 margin-top: 200px; 17 } 18 :root { 19 print-color-adjust: exact; 20 } 21 body { 22 margin: 0; 23 background: yellow; 24 } 25 div { 26 break-after: page; 27 } 28 </style> 29 <!-- The first page is a right page. --> 30 <div> 31 bottom left corner 32 </div> 33 <div> 34 top right corner 35 </div> 36 <div> 37 bottom left corner 38 </div> 39 <div> 40 top right corner 41 </div>