counter-reset-increment-overflow-underflow.html (762B)
1 <!DOCTYPE HTML> 2 <link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz"> 3 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#auto-numbering"> 4 <link rel="match" href="counter-reset-increment-overflow-underflow-ref.html"> 5 <style> 6 .overflow { 7 counter-reset: over-counter 2000000000; 8 } 9 .overflow h3:before { 10 counter-increment: over-counter 50000000; 11 } 12 .overflow h3::before { 13 content: counter(over-counter); 14 } 15 16 .underflow { 17 counter-reset: under-counter -2000000000; 18 } 19 .underflow h3:before { 20 counter-increment: under-counter -50000000; 21 } 22 .underflow h3::before { 23 content: counter(under-counter); 24 } 25 </style> 26 <div class="overflow"> 27 <h3></h3> 28 <h3></h3> 29 <h3></h3> 30 </div> 31 <div class="underflow"> 32 <h3></h3> 33 <h3></h3> 34 <h3></h3> 35 </div>