content-005-print.html (1021B)
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="Test counter(page) and counter(pages) in page margin boxes, except on the first page"> 5 <link rel="match" href="content-005-print-ref.html"> 6 <style> 7 @page { 8 margin: 4em; 9 10 @top-center { 11 text-align: left; 12 vertical-align: top; 13 content: "Page " counter(page) " of " counter(pages); 14 } 15 @bottom-center { 16 text-align: left; 17 vertical-align: top; 18 content: "Page " counter(page) " of " counter(pages); 19 } 20 } 21 @page :first { 22 @top-center { content: none; } 23 @bottom-center { content: none; } 24 } 25 body { 26 margin: 0; 27 } 28 </style> 29 All pages except this one should display the current page and the total page 30 count in both the header and footer. 31 <div style="break-before:page;"> 32 Another page 33 </div> 34 <div style="break-before:page;"> 35 Yet another page 36 </div>