Bug 1690899 [wpt PR 27493] - Fix encoding of the suffix of CJK counter styles in UA style sheet, a=testonly

Automatic update from web-platform-tests
Fix encoding of the suffix of CJK counter styles in UA style sheet

Many CJK counter styles use "、" (U+3001) as the suffix. This patch
properly escapes it in the UA style sheet to make the encoding correct.

As verification, this patch also adds ref files to the related WPT
tests. The new ref files are mechanically generated using the same
method as crrev.com/c/2674491

Bug: 687225
Change-Id: I4f29f17c290e21906601d8366a6a7db7d67b02a5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2676274
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Commit-Queue: Xiaocheng Hu <xiaochengh@chromium.org>
Cr-Commit-Position: refs/heads/master@{#851227}

--

wpt-commits: bd0b89fda830c89ffcce3313e384d7f282e2ae9b
wpt-pr: 27493
This commit is contained in:
Xiaocheng Hu 2021-02-09 04:39:47 +00:00 коммит произвёл moz-wptsync-bot
Родитель e14d4a5ddc
Коммит 295732b05a
44 изменённых файлов: 1091 добавлений и 44 удалений

Просмотреть файл

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>hiragana-iroha, simple</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to hiragana-iroha will produce list numbering for the basic alphabet 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: hiragana-iroha; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol><div><bdi>い、</bdi>い、</div>
<div><bdi>ろ、</bdi>ろ、</div>
<div><bdi>は、</bdi>は、</div>
<div><bdi>に、</bdi>に、</div>
<div><bdi>ほ、</bdi>ほ、</div>
<div><bdi>へ、</bdi>へ、</div>
<div><bdi>と、</bdi>と、</div>
<div><bdi>ち、</bdi>ち、</div>
<div><bdi>り、</bdi>り、</div>
<div><bdi>ぬ、</bdi>ぬ、</div>
<div><bdi>る、</bdi>る、</div>
<div><bdi>を、</bdi>を、</div>
<div><bdi>わ、</bdi>わ、</div>
<div><bdi>か、</bdi>か、</div>
<div><bdi>よ、</bdi>よ、</div>
<div><bdi>た、</bdi>た、</div>
<div><bdi>れ、</bdi>れ、</div>
<div><bdi>そ、</bdi>そ、</div>
<div><bdi>つ、</bdi>つ、</div>
<div><bdi>ね、</bdi>ね、</div>
<div><bdi>な、</bdi>な、</div>
<div><bdi>ら、</bdi>ら、</div>
<div><bdi>む、</bdi>む、</div>
<div><bdi>う、</bdi>う、</div>
<div><bdi>ゐ、</bdi>ゐ、</div>
<div><bdi>の、</bdi>の、</div>
<div><bdi>お、</bdi>お、</div>
<div><bdi>く、</bdi>く、</div>
<div><bdi>や、</bdi>や、</div>
<div><bdi>ま、</bdi>ま、</div>
<div><bdi>け、</bdi>け、</div>
<div><bdi>ふ、</bdi>ふ、</div>
<div><bdi>こ、</bdi>こ、</div>
<div><bdi>え、</bdi>え、</div>
<div><bdi>て、</bdi>て、</div>
<div><bdi>あ、</bdi>あ、</div>
<div><bdi>さ、</bdi>さ、</div>
<div><bdi>き、</bdi>き、</div>
<div><bdi>ゆ、</bdi>ゆ、</div>
<div><bdi>め、</bdi>め、</div>
<div><bdi>み、</bdi>み、</div>
<div><bdi>し、</bdi>し、</div>
<div><bdi>ゑ、</bdi>ゑ、</div>
<div><bdi>ひ、</bdi>ひ、</div>
<div><bdi>も、</bdi>も、</div>
<div><bdi>せ、</bdi>せ、</div>
<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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-033-ref.html'>
<meta name="assert" content="Setting list-style-type to hiragana-iroha will produce list numbering for the basic alphabet 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: hiragana-iroha; }
ol { list-style-type: hiragana-iroha; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>hiragana-iroha, extended</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to hiragana-iroha will produce list numbering after the basic alphabet 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: hiragana-iroha; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol start='48'><div><bdi>いい、</bdi>いい、</div></ol>
<ol start='77'><div><bdi>いま、</bdi>いま、</div></ol>
<ol start='80'><div><bdi>いこ、</bdi>いこ、</div></ol>
<ol start='99'><div><bdi>ろほ、</bdi>ろほ、</div></ol>
<ol start='100'><div><bdi>ろへ、</bdi>ろへ、</div></ol>
<ol start='101'><div><bdi>ろと、</bdi>ろと、</div></ol>
<ol start='222'><div><bdi>にえ、</bdi>にえ、</div></ol>
<ol start='540'><div><bdi>るむ、</bdi>るむ、</div></ol>
<ol start='999'><div><bdi>なを、</bdi>なを、</div></ol>
<ol start='1000'><div><bdi>なわ、</bdi>なわ、</div></ol>
<ol start='1005'><div><bdi>なそ、</bdi>なそ、</div></ol>
<ol start='1060'><div><bdi>らの、</bdi>らの、</div></ol>
<ol start='1065'><div><bdi>らけ、</bdi>らけ、</div></ol>
<ol start='1800'><div><bdi>きか、</bdi>きか、</div></ol>
<ol start='1860'><div><bdi>ゆお、</bdi>ゆお、</div></ol>
<ol start='5865'><div><bdi>ろまさ、</bdi>ろまさ、</div></ol>
<ol start='7005'><div><bdi>はちろ、</bdi>はちろ、</div></ol>
<ol start='7800'><div><bdi>はうも、</bdi>はうも、</div></ol>
<ol start='7864'><div><bdi>はのよ、</bdi>はのよ、</div></ol>
<ol start='9999'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-034-ref.html'>
<meta name="assert" content="Setting list-style-type to hiragana-iroha will produce list numbering after the basic alphabet 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: hiragana-iroha; }
ol { list-style-type: hiragana-iroha; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>hiragana-iroha, suffix</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to hiragana-iroha will produce a suffix 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: hiragana-iroha; }
</style>
</head>
<body>
<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class="test"><ol start='1'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-035-ref.html'>
<meta name="assert" content="Setting list-style-type to hiragana-iroha will produce a suffix 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: hiragana-iroha; }
ol { list-style-type: hiragana-iroha; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>hiragana, simple</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to hiragana will produce list numbering for the basic alphabet 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: hiragana; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol><div><bdi>あ、</bdi>あ、</div>
<div><bdi>い、</bdi>い、</div>
<div><bdi>う、</bdi>う、</div>
<div><bdi>え、</bdi>え、</div>
<div><bdi>お、</bdi>お、</div>
<div><bdi>か、</bdi>か、</div>
<div><bdi>き、</bdi>き、</div>
<div><bdi>く、</bdi>く、</div>
<div><bdi>け、</bdi>け、</div>
<div><bdi>こ、</bdi>こ、</div>
<div><bdi>さ、</bdi>さ、</div>
<div><bdi>し、</bdi>し、</div>
<div><bdi>す、</bdi>す、</div>
<div><bdi>せ、</bdi>せ、</div>
<div><bdi>そ、</bdi>そ、</div>
<div><bdi>た、</bdi>た、</div>
<div><bdi>ち、</bdi>ち、</div>
<div><bdi>つ、</bdi>つ、</div>
<div><bdi>て、</bdi>て、</div>
<div><bdi>と、</bdi>と、</div>
<div><bdi>な、</bdi>な、</div>
<div><bdi>に、</bdi>に、</div>
<div><bdi>ぬ、</bdi>ぬ、</div>
<div><bdi>ね、</bdi>ね、</div>
<div><bdi>の、</bdi>の、</div>
<div><bdi>は、</bdi>は、</div>
<div><bdi>ひ、</bdi>ひ、</div>
<div><bdi>ふ、</bdi>ふ、</div>
<div><bdi>へ、</bdi>へ、</div>
<div><bdi>ほ、</bdi>ほ、</div>
<div><bdi>ま、</bdi>ま、</div>
<div><bdi>み、</bdi>み、</div>
<div><bdi>む、</bdi>む、</div>
<div><bdi>め、</bdi>め、</div>
<div><bdi>も、</bdi>も、</div>
<div><bdi>や、</bdi>や、</div>
<div><bdi>ゆ、</bdi>ゆ、</div>
<div><bdi>よ、</bdi>よ、</div>
<div><bdi>ら、</bdi>ら、</div>
<div><bdi>り、</bdi>り、</div>
<div><bdi>る、</bdi>る、</div>
<div><bdi>れ、</bdi>れ、</div>
<div><bdi>ろ、</bdi>ろ、</div>
<div><bdi>わ、</bdi>わ、</div>
<div><bdi>ゐ、</bdi>ゐ、</div>
<div><bdi>ゑ、</bdi>ゑ、</div>
<div><bdi>を、</bdi>を、</div>
<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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-030-ref.html'>
<meta name="assert" content="Setting list-style-type to hiragana will produce list numbering for the basic alphabet 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: hiragana; }
ol { list-style-type: hiragana; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>hiragana, extended</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to hiragana will produce list numbering after the basic alphabet 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: hiragana; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol start='49'><div><bdi>ああ、</bdi>ああ、</div></ol>
<ol start='50'><div><bdi>あい、</bdi>あい、</div></ol>
<ol start='51'><div><bdi>あう、</bdi>あう、</div></ol>
<ol start='77'><div><bdi>あへ、</bdi>あへ、</div></ol>
<ol start='80'><div><bdi>あみ、</bdi>あみ、</div></ol>
<ol start='99'><div><bdi>いう、</bdi>いう、</div></ol>
<ol start='100'><div><bdi>いえ、</bdi>いえ、</div></ol>
<ol start='101'><div><bdi>いお、</bdi>いお、</div></ol>
<ol start='222'><div><bdi>えほ、</bdi>えほ、</div></ol>
<ol start='540'><div><bdi>さし、</bdi>さし、</div></ol>
<ol start='999'><div><bdi>とら、</bdi>とら、</div></ol>
<ol start='1000'><div><bdi>とり、</bdi>とり、</div></ol>
<ol start='1005'><div><bdi>とゐ、</bdi>とゐ、</div></ol>
<ol start='1060'><div><bdi>にえ、</bdi>にえ、</div></ol>
<ol start='1065'><div><bdi>にけ、</bdi>にけ、</div></ol>
<ol start='1800'><div><bdi>ゆね、</bdi>ゆね、</div></ol>
<ol start='1860'><div><bdi>よや、</bdi>よや、</div></ol>
<ol start='5865'><div><bdi>いはけ、</bdi>いはけ、</div></ol>
<ol start='7005'><div><bdi>うあゐ、</bdi>うあゐ、</div></ol>
<ol start='7800'><div><bdi>うつね、</bdi>うつね、</div></ol>
<ol start='7864'><div><bdi>うてり、</bdi>うてり、</div></ol>
<ol start='9999'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-031-ref.html'>
<meta name="assert" content="Setting list-style-type to hiragana will produce list numbering after the basic alphabet 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: hiragana; }
ol { list-style-type: hiragana; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>hiragana, suffix</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to hiragana will produce a suffix 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: hiragana; }
</style>
</head>
<body>
<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class="test"><ol start='1'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-032-ref.html'>
<meta name="assert" content="Setting list-style-type to hiragana will produce a suffix 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: hiragana; }
ol { list-style-type: hiragana; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,42 @@
<!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='flags' content='font'>
<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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-047-ref.html'>
<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; }
ol { list-style-type: japanese-formal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-formal, 10-9999</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='flags' content='font'>
<meta name="assert" content="Setting list-style-type to japanese-formal will produce list numbering after 9 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='10'><div><bdi>壱拾、</bdi>壱拾、</div></ol>
<ol start='11'><div><bdi>壱拾壱、</bdi>壱拾壱、</div></ol>
<ol start='12'><div><bdi>壱拾弐、</bdi>壱拾弐、</div></ol>
<ol start='43'><div><bdi>四拾参、</bdi>四拾参、</div></ol>
<ol start='77'><div><bdi>七拾七、</bdi>七拾七、</div></ol>
<ol start='80'><div><bdi>八拾、</bdi>八拾、</div></ol>
<ol start='99'><div><bdi>九拾九、</bdi>九拾九、</div></ol>
<ol start='100'><div><bdi>壱百、</bdi>壱百、</div></ol>
<ol start='101'><div><bdi>壱百壱、</bdi>壱百壱、</div></ol>
<ol start='222'><div><bdi>弐百弐拾弐、</bdi>弐百弐拾弐、</div></ol>
<ol start='540'><div><bdi>伍百四拾、</bdi>伍百四拾、</div></ol>
<ol start='999'><div><bdi>九百九拾九、</bdi>九百九拾九、</div></ol>
<ol start='1000'><div><bdi>壱阡、</bdi>壱阡、</div></ol>
<ol start='1005'><div><bdi>壱阡伍、</bdi>壱阡伍、</div></ol>
<ol start='1060'><div><bdi>壱阡六拾、</bdi>壱阡六拾、</div></ol>
<ol start='1065'><div><bdi>壱阡六拾伍、</bdi>壱阡六拾伍、</div></ol>
<ol start='1800'><div><bdi>壱阡八百、</bdi>壱阡八百、</div></ol>
<ol start='1860'><div><bdi>壱阡八百六拾、</bdi>壱阡八百六拾、</div></ol>
<ol start='1865'><div><bdi>壱阡八百六拾伍、</bdi>壱阡八百六拾伍、</div></ol>
<ol start='5865'><div><bdi>伍阡八百六拾伍、</bdi>伍阡八百六拾伍、</div></ol>
<ol start='7005'><div><bdi>七阡伍、</bdi>七阡伍、</div></ol>
<ol start='7800'><div><bdi>七阡八百、</bdi>七阡八百、</div></ol>
<ol start='7865'><div><bdi>七阡八百六拾伍、</bdi>七阡八百六拾伍、</div></ol>
<ol start='9999'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-048-ref.html'>
<meta name="assert" content="Setting list-style-type to japanese-formal will produce list numbering after 9 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; }
ol { list-style-type: japanese-formal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-formal, outside range</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='flags' content='font'>
<meta name="assert" content="[Exploratory] list-style-type: japanese-formal produces counter values outside its range without using the prescribed fallback style.">
<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 fails if the two columns of the first line are NOT the same. Otherwise, test passes only if the left column of the 2nd and 3rd lines is NOT decimal digits and is NOT the same as the right side. Score as Partial if the columns of the 2nd and 3rd lines are the same (ie. fallback was used). In all this IGNORE the suffix.</p>
<div class="test"><ol start="9999">
<div><bdi>九阡九百九拾九、</bdi>九阡九百九拾九</div>
<div><bdi>一〇〇〇〇、</bdi>一〇〇〇〇</div>
<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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-049-ref.html'>
<meta name="assert" content="[Exploratory] list-style-type: japanese-formal produces counter values outside its range without using the prescribed fallback style.">
<style type='text/css'>
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol li { list-style-type: japanese-formal; }
ol { list-style-type: japanese-formal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-formal, negative</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='flags' content='font'>
<meta name="assert" content="With list-style-type set to japanese-formal, negative list markers will be rendered according to the rules described.">
<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="-11"><div><bdi>マイナス壱拾壱、</bdi>マイナス壱拾壱、</div><div><bdi>マイナス壱拾、</bdi>マイナス壱拾、</div><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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-050-ref.html'>
<meta name="assert" content="With list-style-type set to japanese-formal, negative list markers will be rendered according to the rules described.">
<style type='text/css'>
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol li { list-style-type: japanese-formal; }
ol { list-style-type: japanese-formal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-formal, suffix</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='flags' content='font'>
<meta name="assert" content="Setting list-style-type to japanese-formal will produce a suffix 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 numbers AND the suffix in each of the two columns is the same.</p>
<div class="test"><ol start='1'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-051-ref.html'>
<meta name="assert" content="Setting list-style-type to japanese-formal will produce a suffix 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; }
ol { list-style-type: japanese-formal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-informal, 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='flags' content='font'>
<meta name="assert" content="Setting list-style-type to japanese-informal 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-informal; }
</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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-042-ref.html'>
<meta name="assert" content="Setting list-style-type to japanese-informal 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-informal; }
ol { list-style-type: japanese-informal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-informal, 10-9999</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='flags' content='font'>
<meta name="assert" content="Setting list-style-type to japanese-informal will produce list numbering after 9 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-informal; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol start='10'><div><bdi>十、</bdi>十、</div></ol>
<ol start='11'><div><bdi>十一、</bdi>十一、</div></ol>
<ol start='12'><div><bdi>十二、</bdi>十二、</div></ol>
<ol start='43'><div><bdi>四十三、</bdi>四十三、</div></ol>
<ol start='77'><div><bdi>七十七、</bdi>七十七、</div></ol>
<ol start='80'><div><bdi>八十、</bdi>八十、</div></ol>
<ol start='99'><div><bdi>九十九、</bdi>九十九、</div></ol>
<ol start='100'><div><bdi>百、</bdi>百、</div></ol>
<ol start='101'><div><bdi>百一、</bdi>百一、</div></ol>
<ol start='222'><div><bdi>二百二十二、</bdi>二百二十二、</div></ol>
<ol start='540'><div><bdi>五百四十、</bdi>五百四十、</div></ol>
<ol start='999'><div><bdi>九百九十九、</bdi>九百九十九、</div></ol>
<ol start='1000'><div><bdi>千、</bdi>千、</div></ol>
<ol start='1005'><div><bdi>千五、</bdi>千五、</div></ol>
<ol start='1060'><div><bdi>千六十、</bdi>千六十、</div></ol>
<ol start='1065'><div><bdi>千六十五、</bdi>千六十五、</div></ol>
<ol start='1800'><div><bdi>千八百、</bdi>千八百、</div></ol>
<ol start='1860'><div><bdi>千八百六十、</bdi>千八百六十、</div></ol>
<ol start='1865'><div><bdi>千八百六十五、</bdi>千八百六十五、</div></ol>
<ol start='5865'><div><bdi>五千八百六十五、</bdi>五千八百六十五、</div></ol>
<ol start='7005'><div><bdi>七千五、</bdi>七千五、</div></ol>
<ol start='7800'><div><bdi>七千八百、</bdi>七千八百、</div></ol>
<ol start='7865'><div><bdi>七千八百六十五、</bdi>七千八百六十五、</div></ol>
<ol start='9999'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-043-ref.html'>
<meta name="assert" content="Setting list-style-type to japanese-informal will produce list numbering after 9 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-informal; }
ol { list-style-type: japanese-informal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-informal, outside range</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='flags' content='font'>
<meta name="assert" content="[Exploratory] list-style-type: japanese-informal produces counter values outside its range without using the prescribed fallback style.">
<style type='text/css'>
ol li { list-style-type: japanese-informal; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
</style>
</head>
<body>
<p class="instructions">Test fails if the two columns of the first line are NOT the same. Otherwise, test passes only if the left column of the 2nd and 3rd lines is NOT decimal digits and is NOT the same as the right side. Score as Partial if the columns of the 2nd and 3rd lines are the same (ie. fallback was used). In all this IGNORE the suffix.</p>
<div class="test"><ol start="9999">
<div><bdi>九千九百九十九、</bdi>九千九百九十九</div>
<div><bdi>一〇〇〇〇、</bdi>一〇〇〇〇</div>
<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>

Просмотреть файл

@ -6,13 +6,13 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-044-ref.html'>
<meta name="assert" content="[Exploratory] list-style-type: japanese-informal produces counter values outside its range without using the prescribed fallback style.">
<style type='text/css'>
ol li { list-style-type: japanese-informal; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-informal, negative</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='flags' content='font'>
<meta name="assert" content="With list-style-type set to japanese-informal, negative list markers will be rendered according to the rules described.">
<style type='text/css'>
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol li { list-style-type: japanese-informal; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol start="-11"><div><bdi>マイナス十一、</bdi>マイナス十一、</div><div><bdi>マイナス十、</bdi>マイナス十、</div><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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-045-ref.html'>
<meta name="assert" content="With list-style-type set to japanese-informal, negative list markers will be rendered according to the rules described.">
<style type='text/css'>
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol li { list-style-type: japanese-informal; }
ol { list-style-type: japanese-informal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>japanese-informal, suffix</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='flags' content='font'>
<meta name="assert" content="Setting list-style-type to japanese-informal will produce a suffix 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-informal; }
</style>
</head>
<body>
<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class="test"><ol start='1'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<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='flags' content='font'>
<link rel='match' href='css3-counter-styles-046-ref.html'>
<meta name="assert" content="Setting list-style-type to japanese-informal will produce a suffix 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-informal; }
ol { list-style-type: japanese-informal; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>katakana-iroha, simple</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to katakana-iroha will produce list numbering for the basic alphabet 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: katakana-iroha; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol><div><bdi>イ、</bdi>イ、</div>
<div><bdi>ロ、</bdi>ロ、</div>
<div><bdi>ハ、</bdi>ハ、</div>
<div><bdi>ニ、</bdi>ニ、</div>
<div><bdi>ホ、</bdi>ホ、</div>
<div><bdi>ヘ、</bdi>ヘ、</div>
<div><bdi>ト、</bdi>ト、</div>
<div><bdi>チ、</bdi>チ、</div>
<div><bdi>リ、</bdi>リ、</div>
<div><bdi>ヌ、</bdi>ヌ、</div>
<div><bdi>ル、</bdi>ル、</div>
<div><bdi>ヲ、</bdi>ヲ、</div>
<div><bdi>ワ、</bdi>ワ、</div>
<div><bdi>カ、</bdi>カ、</div>
<div><bdi>ヨ、</bdi>ヨ、</div>
<div><bdi>タ、</bdi>タ、</div>
<div><bdi>レ、</bdi>レ、</div>
<div><bdi>ソ、</bdi>ソ、</div>
<div><bdi>ツ、</bdi>ツ、</div>
<div><bdi>ネ、</bdi>ネ、</div>
<div><bdi>ナ、</bdi>ナ、</div>
<div><bdi>ラ、</bdi>ラ、</div>
<div><bdi>ム、</bdi>ム、</div>
<div><bdi>ウ、</bdi>ウ、</div>
<div><bdi>ヰ、</bdi>ヰ、</div>
<div><bdi>ノ、</bdi>ノ、</div>
<div><bdi>オ、</bdi>オ、</div>
<div><bdi>ク、</bdi>ク、</div>
<div><bdi>ヤ、</bdi>ヤ、</div>
<div><bdi>マ、</bdi>マ、</div>
<div><bdi>ケ、</bdi>ケ、</div>
<div><bdi>フ、</bdi>フ、</div>
<div><bdi>コ、</bdi>コ、</div>
<div><bdi>エ、</bdi>エ、</div>
<div><bdi>テ、</bdi>テ、</div>
<div><bdi>ア、</bdi>ア、</div>
<div><bdi>サ、</bdi>サ、</div>
<div><bdi>キ、</bdi>キ、</div>
<div><bdi>ユ、</bdi>ユ、</div>
<div><bdi>メ、</bdi>メ、</div>
<div><bdi>ミ、</bdi>ミ、</div>
<div><bdi>シ、</bdi>シ、</div>
<div><bdi>ヱ、</bdi>ヱ、</div>
<div><bdi>ヒ、</bdi>ヒ、</div>
<div><bdi>モ、</bdi>モ、</div>
<div><bdi>セ、</bdi>セ、</div>
<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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-039-ref.html'>
<meta name="assert" content="Setting list-style-type to katakana-iroha will produce list numbering for the basic alphabet 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: katakana-iroha; }
ol { list-style-type: katakana-iroha; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>katakana-iroha, extended</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to katakana-iroha will produce list numbering after the basic alphabet 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: katakana-iroha; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol start='48'><div><bdi>イイ、</bdi>イイ、</div></ol>
<ol start='77'><div><bdi>イマ、</bdi>イマ、</div></ol>
<ol start='80'><div><bdi>イコ、</bdi>イコ、</div></ol>
<ol start='99'><div><bdi>ロホ、</bdi>ロホ、</div></ol>
<ol start='100'><div><bdi>ロヘ、</bdi>ロヘ、</div></ol>
<ol start='101'><div><bdi>ロト、</bdi>ロト、</div></ol>
<ol start='222'><div><bdi>ニエ、</bdi>ニエ、</div></ol>
<ol start='540'><div><bdi>ルム、</bdi>ルム、</div></ol>
<ol start='999'><div><bdi>ナヲ、</bdi>ナヲ、</div></ol>
<ol start='1000'><div><bdi>ナワ、</bdi>ナワ、</div></ol>
<ol start='1005'><div><bdi>ナソ、</bdi>ナソ、</div></ol>
<ol start='1060'><div><bdi>ラノ、</bdi>ラノ、</div></ol>
<ol start='1065'><div><bdi>ラケ、</bdi>ラケ、</div></ol>
<ol start='1800'><div><bdi>キカ、</bdi>キカ、</div></ol>
<ol start='1860'><div><bdi>ユオ、</bdi>ユオ、</div></ol>
<ol start='5865'><div><bdi>ロマサ、</bdi>ロマサ、</div></ol>
<ol start='7005'><div><bdi>ハチロ、</bdi>ハチロ、</div></ol>
<ol start='7800'><div><bdi>ハウモ、</bdi>ハウモ、</div></ol>
<ol start='7864'><div><bdi>ハノヨ、</bdi>ハノヨ、</div></ol>
<ol start='9999'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-040-ref.html'>
<meta name="assert" content="Setting list-style-type to katakana-iroha will produce list numbering after the basic alphabet 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: katakana-iroha; }
ol { list-style-type: katakana-iroha; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>katakana-iroha, suffix</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to katakana-iroha will produce a suffix 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: katakana-iroha; }
</style>
</head>
<body>
<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class="test"><ol start='1'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-041-ref.html'>
<meta name="assert" content="Setting list-style-type to katakana-iroha will produce a suffix 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: katakana-iroha; }
ol { list-style-type: katakana-iroha; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>katakana, simple</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to katakana will produce list numbering for the basic alphabet 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: katakana; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol><div><bdi>ア、</bdi>ア、</div>
<div><bdi>イ、</bdi>イ、</div>
<div><bdi>ウ、</bdi>ウ、</div>
<div><bdi>エ、</bdi>エ、</div>
<div><bdi>オ、</bdi>オ、</div>
<div><bdi>カ、</bdi>カ、</div>
<div><bdi>キ、</bdi>キ、</div>
<div><bdi>ク、</bdi>ク、</div>
<div><bdi>ケ、</bdi>ケ、</div>
<div><bdi>コ、</bdi>コ、</div>
<div><bdi>サ、</bdi>サ、</div>
<div><bdi>シ、</bdi>シ、</div>
<div><bdi>ス、</bdi>ス、</div>
<div><bdi>セ、</bdi>セ、</div>
<div><bdi>ソ、</bdi>ソ、</div>
<div><bdi>タ、</bdi>タ、</div>
<div><bdi>チ、</bdi>チ、</div>
<div><bdi>ツ、</bdi>ツ、</div>
<div><bdi>テ、</bdi>テ、</div>
<div><bdi>ト、</bdi>ト、</div>
<div><bdi>ナ、</bdi>ナ、</div>
<div><bdi>ニ、</bdi>ニ、</div>
<div><bdi>ヌ、</bdi>ヌ、</div>
<div><bdi>ネ、</bdi>ネ、</div>
<div><bdi>ノ、</bdi>ノ、</div>
<div><bdi>ハ、</bdi>ハ、</div>
<div><bdi>ヒ、</bdi>ヒ、</div>
<div><bdi>フ、</bdi>フ、</div>
<div><bdi>ヘ、</bdi>ヘ、</div>
<div><bdi>ホ、</bdi>ホ、</div>
<div><bdi>マ、</bdi>マ、</div>
<div><bdi>ミ、</bdi>ミ、</div>
<div><bdi>ム、</bdi>ム、</div>
<div><bdi>メ、</bdi>メ、</div>
<div><bdi>モ、</bdi>モ、</div>
<div><bdi>ヤ、</bdi>ヤ、</div>
<div><bdi>ユ、</bdi>ユ、</div>
<div><bdi>ヨ、</bdi>ヨ、</div>
<div><bdi>ラ、</bdi>ラ、</div>
<div><bdi>リ、</bdi>リ、</div>
<div><bdi>ル、</bdi>ル、</div>
<div><bdi>レ、</bdi>レ、</div>
<div><bdi>ロ、</bdi>ロ、</div>
<div><bdi>ワ、</bdi>ワ、</div>
<div><bdi>ヰ、</bdi>ヰ、</div>
<div><bdi>ヱ、</bdi>ヱ、</div>
<div><bdi>ヲ、</bdi>ヲ、</div>
<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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-036-ref.html'>
<meta name="assert" content="Setting list-style-type to katakana will produce list numbering for the basic alphabet 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: katakana; }
ol { list-style-type: katakana; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>katakana, extended</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to katakana will produce list numbering after the basic alphabet 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: katakana; }
</style>
</head>
<body>
<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
<div class="test"><ol start='49'><div><bdi>アア、</bdi>アア、</div></ol>
<ol start='50'><div><bdi>アイ、</bdi>アイ、</div></ol>
<ol start='51'><div><bdi>アウ、</bdi>アウ、</div></ol>
<ol start='77'><div><bdi>アヘ、</bdi>アヘ、</div></ol>
<ol start='80'><div><bdi>アミ、</bdi>アミ、</div></ol>
<ol start='99'><div><bdi>イウ、</bdi>イウ、</div></ol>
<ol start='100'><div><bdi>イエ、</bdi>イエ、</div></ol>
<ol start='101'><div><bdi>イオ、</bdi>イオ、</div></ol>
<ol start='222'><div><bdi>エホ、</bdi>エホ、</div></ol>
<ol start='540'><div><bdi>サシ、</bdi>サシ、</div></ol>
<ol start='999'><div><bdi>トラ、</bdi>トラ、</div></ol>
<ol start='1000'><div><bdi>トリ、</bdi>トリ、</div></ol>
<ol start='1005'><div><bdi>トヰ、</bdi>トヰ、</div></ol>
<ol start='1060'><div><bdi>ニエ、</bdi>ニエ、</div></ol>
<ol start='1065'><div><bdi>ニケ、</bdi>ニケ、</div></ol>
<ol start='1800'><div><bdi>ユネ、</bdi>ユネ、</div></ol>
<ol start='1860'><div><bdi>ヨヤ、</bdi>ヨヤ、</div></ol>
<ol start='5865'><div><bdi>イハケ、</bdi>イハケ、</div></ol>
<ol start='7005'><div><bdi>ウアヰ、</bdi>ウアヰ、</div></ol>
<ol start='7800'><div><bdi>ウツネ、</bdi>ウツネ、</div></ol>
<ol start='7864'><div><bdi>ウテリ、</bdi>ウテリ、</div></ol>
<ol start='9999'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-037-ref.html'>
<meta name="assert" content="Setting list-style-type to katakana will produce list numbering after the basic alphabet 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: katakana; }
ol { list-style-type: katakana; list-style-position: inside; }
</style>
</head>
<body>

Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>katakana, suffix</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/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<meta name="assert" content="Setting list-style-type to katakana will produce a suffix 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: katakana; }
</style>
</head>
<body>
<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class="test"><ol start='1'><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>

Просмотреть файл

@ -6,12 +6,12 @@
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'>
<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-038-ref.html'>
<meta name="assert" content="Setting list-style-type to katakana will produce a suffix 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: katakana; }
ol { list-style-type: katakana; list-style-position: inside; }
</style>
</head>
<body>