content-013-print.html (998B)
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="Manipulating the 'pages' counter should have no effect."> 5 <link rel="match" href="content-013-print-ref.html"> 6 <style> 7 html { 8 counter-reset: pages 10; 9 } 10 @page { 11 margin: 4em; 12 counter-increment: pages 2; 13 14 @top-center { 15 text-align: left; 16 vertical-align: top; 17 counter-increment: pages; 18 content: counters(pages, "."); 19 } 20 21 @bottom-center { 22 text-align: left; 23 vertical-align: top; 24 counter-reset: pages 2; 25 counter-increment: pages; 26 content: counters(pages, "."); 27 } 28 } 29 body { 30 margin: 0; 31 } 32 </style> 33 The number 4 should be seen in the header and footer, on every page. 34 <div style="page:something;"> 35 Another page 36 </div> 37 <div> 38 Yet another page 39 </div> 40 <div style="break-before:page;"> 41 Last page 42 </div>