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