content-011-print.html (920B)
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-based-counters"> 4 <meta name="assert" content="Resetting counters in margins obscure counters in the page context, and in the document"> 5 <link rel="match" href="content-011-print-ref.html"> 6 <style> 7 html { 8 counter-reset: foo 10; 9 } 10 @page { 11 margin: 4em; 12 counter-increment: foo; 13 14 @top-center { 15 text-align: left; 16 vertical-align: top; 17 content: counters(foo, "."); 18 } 19 20 @bottom-center { 21 text-align: left; 22 vertical-align: top; 23 counter-reset: foo 2; 24 counter-increment: foo; 25 content: counters(foo, "."); 26 } 27 } 28 body { 29 margin: 0; 30 } 31 </style> 32 Page 33 <div style="page:something;"> 34 Another page 35 </div> 36 <div> 37 Yet another page 38 </div> 39 <div style="break-before:page;"> 40 Last page 41 </div>