page-orientation-square-ref.html (427B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <link rel="author" title="Jonathan Watt" href="mailto:jwatt@jwatt.org"> 5 <style> 6 7 @page { 8 size: 3in 3in; 9 margin: 0.5in; 10 } 11 div { 12 box-sizing: border-box; 13 width: 2in; 14 height: 2in; 15 border-top: none; 16 border-right: 15px solid orange; 17 border-bottom: none; 18 border-left: 15px solid blue; 19 } 20 body { 21 margin: 0; 22 } 23 24 </style> 25 <body> 26 <div></div> 27 </body> 28 </html>