page-orientation-on-landscape-001-print.html (868B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <link rel="author" title="Jonathan Watt" href="mailto:jwatt@jwatt.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-page/#page-orientation-prop"> 6 <meta name="assert" content="page-orientation rotates landscape page to match portrait ref"> 7 <link rel="match" href="page-orientation-portrait-ref.html"> 8 <meta name="reftest-pages" content="2"> 9 <style> 10 11 @page second-page { 12 size: landscape; 13 page-orientation: rotate-right; 14 } 15 div:nth-of-type(2) { 16 page: second-page; 17 break-before: page; 18 19 box-sizing: border-box; 20 width: 4in; 21 height: 2in; 22 border-top: 15px solid orange; 23 border-right: none; 24 border-bottom: 15px solid blue; 25 border-left: none; 26 } 27 body { 28 margin: 0; 29 } 30 31 </style> 32 <body> 33 <div>Page 1. Not compared. Just bumps testing to page 2.</div> 34 <div></div> 35 </body> 36 </html>