File: css3-counter-styles-047-ref.html

package info (click to toggle)
firefox 143.0.3-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 4,617,328 kB
  • sloc: cpp: 7,478,492; javascript: 6,417,157; ansic: 3,720,058; python: 1,396,372; xml: 627,523; asm: 438,677; java: 186,156; sh: 63,477; makefile: 19,171; objc: 13,059; perl: 12,983; yacc: 4,583; cs: 3,846; pascal: 3,405; lex: 1,720; ruby: 1,003; exp: 762; php: 436; lisp: 258; awk: 247; sql: 66; sed: 53; csh: 10
file content (41 lines) | stat: -rw-r--r-- 1,508 bytes parent folder | download | duplicates (14)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html  lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-formal, 0-9</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name="assert" content="Setting list-style-type to japanese-formal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.">
<style type='text/css'>
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol li { list-style-type: japanese-formal;  }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>


<div class="test"><ol start='0'><div><bdi>零、</bdi>零、</div></ol>
<ol start='1'><div><bdi>壱、</bdi>壱、</div></ol>
<ol start='2'><div><bdi>弐、</bdi>弐、</div></ol>
<ol start='3'><div><bdi>参、</bdi>参、</div></ol>
<ol start='4'><div><bdi>四、</bdi>四、</div></ol>
<ol start='5'><div><bdi>伍、</bdi>伍、</div></ol>
<ol start='6'><div><bdi>六、</bdi>六、</div></ol>
<ol start='7'><div><bdi>七、</bdi>七、</div></ol>
<ol start='8'><div><bdi>八、</bdi>八、</div></ol>
<ol start='9'><div><bdi>九、</bdi>九、</div></ol>
</div>


<!--Notes:
You will need an appropriate font to run this test.

To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
-->


</body>
</html>