page-left-right-002-print.html (765B)
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-002-print-ref.html"> 5 <style> 6 @page { 7 size: 600px 300px; 8 margin: 0; 9 } 10 @page :left { 11 margin-right: 500px; 12 margin-bottom: 200px; 13 } 14 @page :right { 15 margin-left: 500px; 16 margin-top: 200px; 17 } 18 :root { 19 print-color-adjust: exact; 20 direction: rtl; 21 } 22 body { 23 margin: 0; 24 background: yellow; 25 } 26 div { 27 break-after: page; 28 } 29 </style> 30 <!-- The first page is a left page. --> 31 <div> 32 top left corner 33 </div> 34 <div> 35 bottom right corner 36 </div> 37 <div> 38 top left corner 39 </div> 40 <div> 41 bottom right corner 42 </div>