content-008-print.html (805B)
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), increment by 2"> 5 <link rel="match" href="content-008-print-ref.html"> 6 <style> 7 @page { 8 margin: 4em; 9 counter-increment: page 2; 10 11 @bottom-center { 12 text-align: left; 13 vertical-align: top; 14 content: counter(page); 15 } 16 } 17 @page :first { 18 @top-center { 19 text-align: left; 20 vertical-align: top; 21 content: "There are " counter(pages) " pages"; 22 } 23 } 24 body { 25 margin: 0; 26 } 27 </style> 28 Page 29 <div style="page:something;"> 30 Another page 31 </div> 32 <div> 33 Yet another page 34 </div> 35 <div style="break-before:page;"> 36 Last page 37 </div>