page-orientation-on-square-001-print.html (866B)
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 square page"> 7 <link rel="match" href="page-orientation-square-ref.html"> 8 <meta name="reftest-pages" content="2"> 9 <style> 10 11 @page { 12 size: 3in 3in; 13 margin: 0.5in; 14 } 15 @page second-page { 16 page-orientation: rotate-right; 17 } 18 div:nth-of-type(2) { 19 page: second-page; 20 break-before: page; 21 22 box-sizing: border-box; 23 width: 2in; 24 height: 2in; 25 border-top: 15px solid orange; 26 border-right: none; 27 border-bottom: 15px solid blue; 28 border-left: none; 29 } 30 body { 31 margin: 0; 32 } 33 34 </style> 35 <body> 36 <div>Page 1. Not compared. Just bumps testing to page 2.</div> 37 <div></div> 38 </body> 39 </html>