Files
ladybird/Tests/LibWeb/Layout/input/css-counters/counter-cjk-ideographic.html
Callum Law 08a5ed7ec6 LibWeb: Support Chinese counter styles
We implement the extended version of this algorithm but don't take full
advantage of it since we are limited to an i32 for our counter values.
2026-02-27 12:10:44 +00:00

66 lines
2.4 KiB
HTML

<!doctype html>
<style>
div::after {
content: counter(n, cjk-ideographic);
}
</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 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>
<!-- Test second group marker (万) - ten-thousands group -->
<div style="counter-reset: n 10000"></div>
<div style="counter-reset: n 20000"></div>
<div style="counter-reset: n 50000"></div>
<div style="counter-reset: n 99999"></div>
<!-- Test complex patterns within ten-thousands group (algorithm step 4: digit markers) -->
<div style="counter-reset: n 12345"></div>
<div style="counter-reset: n 10001"></div>
<div style="counter-reset: n 10010"></div>
<div style="counter-reset: n 10100"></div>
<div style="counter-reset: n 11000"></div>
<!-- Test third group marker (亿) - hundred-millions group -->
<div style="counter-reset: n 100000000"></div>
<div style="counter-reset: n 200000000"></div>
<div style="counter-reset: n 500000000"></div>
<div style="counter-reset: n 999999999"></div>
<!-- Test complex patterns within hundred-millions group (algorithm step 6: zero dropping) -->
<div style="counter-reset: n 123456789"></div>
<div style="counter-reset: n 100000001"></div>
<div style="counter-reset: n 100010000"></div>
<div style="counter-reset: n 100100000"></div>
<div style="counter-reset: n 101000000"></div>
<div style="counter-reset: n 110000000"></div>
<!-- Test zero dropping behavior across different groups -->
<div style="counter-reset: n 1000000000"></div>
<div style="counter-reset: n 1000000"></div>
<div style="counter-reset: n 1000"></div>
<!-- Test negative numbers (algorithm step 8: negative sign handling) -->
<div style="counter-reset: n -10000"></div>
<div style="counter-reset: n -100000000"></div>
<div style="counter-reset: n -2147483648"></div>
<div style="counter-reset: n -1"></div>