page-margin-auto-print.html (984B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-page-3/#page-properties"> 4 <link rel="match" href="page-margin-auto-print-ref.html"> 5 <style> 6 @page { 7 size: 20em 7em; 8 width: 12em; 9 height: 3em; 10 margin: auto; 11 } 12 @page aaa { } 13 @page bbb { 14 margin-top: 0; 15 } 16 @page ccc { 17 margin-bottom: 0; 18 } 19 @page ddd { 20 margin-top: 0; 21 margin-left: 0; 22 } 23 @page eee { 24 margin-top: 0; 25 margin-right: 0; 26 } 27 @page fff { 28 margin-bottom: 0; 29 margin-right: 0; 30 } 31 :root { 32 print-color-adjust: exact; 33 } 34 body { 35 margin: 0; 36 background: yellow; 37 } 38 </style> 39 <div style="page:aaa;"> 40 center / middle 41 </div> 42 <div style="page:bbb;"> 43 center / top 44 </div> 45 <div style="page:ccc;"> 46 center / bottom 47 </div> 48 <div style="page:ddd;"> 49 top / left 50 </div> 51 <div style="page:eee;"> 52 top / right 53 </div> 54 <div style="page:fff;"> 55 bottom / right 56 </div>