page-margin-auto-and-non-zero-print.html (1006B)
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-and-non-zero-print-ref.html"> 5 <style> 6 @page { 7 size: 20em 7em; 8 border: solid; 9 margin: 30px; 10 } 11 @page aaa { } 12 @page bbb { 13 margin-top: auto; 14 } 15 @page ccc { 16 margin-bottom: auto; 17 } 18 @page ddd { 19 margin-top: auto; 20 margin-left: auto; 21 } 22 @page eee { 23 margin-top: auto; 24 margin-right: auto; 25 } 26 @page fff { 27 margin-bottom: auto; 28 margin-right: auto; 29 } 30 :root { 31 print-color-adjust: exact; 32 } 33 body { 34 margin: 0; 35 background: yellow; 36 } 37 </style> 38 <div style="page:aaa;"> 39 center / middle 40 </div> 41 <div style="page:bbb;"> 42 center / top 43 </div> 44 <div style="page:ccc;"> 45 center / bottom 46 </div> 47 <div style="page:ddd;"> 48 top / left 49 </div> 50 <div style="page:eee;"> 51 top / right 52 </div> 53 <div style="page:fff;"> 54 bottom / right 55 </div>