<!DOCTYPE html>
<style>
  div::after {
    content: counter(n, japanese-formal);
  }
</style>
<div style="counter-reset: n 0;"></div>
<div style="counter-reset: n 1;"></div>
<div style="counter-reset: n 2;"></div>
<div style="counter-reset: n 3;"></div>
<div style="counter-reset: n 4;"></div>
<div style="counter-reset: n 5;"></div>
<div style="counter-reset: n 6;"></div>
<div style="counter-reset: n 7;"></div>
<div style="counter-reset: n 8;"></div>
<div style="counter-reset: n 9;"></div>

<div style="counter-reset: n 10;"></div>
<div style="counter-reset: n 100;"></div>
<div style="counter-reset: n 1000;"></div>
<div style="counter-reset: n 10000;"></div>
<div style="counter-reset: n 100000;"></div>
<div style="counter-reset: n 1000000;"></div>
<div style="counter-reset: n 10000000;"></div>
<div style="counter-reset: n 100000000;"></div>
<div style="counter-reset: n 1000000000;"></div>

<div style="counter-reset: n 11;"></div>
<div style="counter-reset: n 99;"></div>
<div style="counter-reset: n 101;"></div>
<div style="counter-reset: n 200;"></div>
<div style="counter-reset: n 6001;"></div>
<div style="counter-reset: n 10001;"></div>
<div style="counter-reset: n 10011;"></div>
<div style="counter-reset: n 10101;"></div>
<div style="counter-reset: n 11111;"></div>
<div style="counter-reset: n 11000000;"></div>
<div style="counter-reset: n 100010001;"></div>
<div style="counter-reset: n 100110001;"></div>

<div style="counter-reset: n -1;"></div>