Adding upstream version 1:115.7.0.upstream/1%115.7.0 upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
author: Daniel Baumann <daniel.baumann@progress-linux.org> 2024-04-07 17:32:43 +0000
committer: Daniel Baumann <daniel.baumann@progress-linux.org> 2024-04-07 17:32:43 +0000
commit: 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
tree: a68f146d7fa01f0134297619fbe7e33db084e0aa /testing/web-platform/tests/css/css-counter-styles
parent: Initial commit. (diff)
download: thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz
thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip
474 files changed, 17129 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-counter-styles/META.yml b/testing/web-platform/tests/css/css-counter-styles/META.yml
new file mode 100644
index 0000000000..9b220d3797
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/META.yml
@@ -0,0 +1,5 @@
+spec: https://drafts.csswg.org/css-counter-styles/
+suggested_reviewers:
+  - r12a
+  - svgeesus
+  - tabatkins
diff --git a/testing/web-platform/tests/css/css-counter-styles/README b/testing/web-platform/tests/css/css-counter-styles/README
new file mode 100644
index 0000000000..df60c5800a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/README
@@ -0,0 +1,2 @@
+See http://www.w3.org/International/tests/
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-101-ref.html b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-101-ref.html
new file mode 100644
index 0000000000..6b5f2c6ac2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-101-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>arabic-indic, 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/#simple-numeric'>
+<meta name="assert" content="list-style: arabic-indic produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: arabic-indic;  }
+/* 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 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>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-101.html b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-101.html
new file mode 100644
index 0000000000..21cd9be228
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-101.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>arabic-indic, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-101-ref.html'>
+<meta name="assert" content="list-style: arabic-indic produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: arabic-indic;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class='test'><ol>
+<li title='1'>١</li>
+<li title='2'>٢</li>
+<li title='3'>٣</li>
+<li title='4'>٤</li>
+<li title='5'>٥</li>
+<li title='6'>٦</li>
+<li title='7'>٧</li>
+<li title='8'>٨</li>
+<li title='9'>٩</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-102-ref.html b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-102-ref.html
new file mode 100644
index 0000000000..93d5e65605
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-102-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>arabic-indic, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: arabic-indic produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: arabic-indic;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class='test'>
+<ol start='10'>
+<div><bdi>١٠. </bdi>١٠</div>
+<div><bdi>١١. </bdi>١١</div>
+<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>
+<div><bdi>١٠٠. </bdi>١٠٠</div>
+<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>
+<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='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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-102.html b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-102.html
new file mode 100644
index 0000000000..5c86456c94
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-102.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>arabic-indic, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-102-ref.html'>
+<meta name="assert" content="list-style-type: arabic-indic produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: arabic-indic;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'>
+<li title='10'>١٠</li>
+<li title='11'>١١</li>
+<li title='12'>١٢</li>
+</ol>
+<ol start='43'>
+<li title='43'>٤٣</li>
+</ol>
+<ol start='77'>
+<li title='77'>٧٧</li>
+</ol>
+<ol start='80'>
+<li title='80'>٨٠</li>
+</ol>
+<ol start='99'>
+<li title='99'>٩٩</li>
+<li title='100'>١٠٠</li>
+<li title='101'>١٠١</li>
+</ol>
+<ol start='222'>
+<li title='222'>٢٢٢</li>
+</ol>
+<ol start='540'>
+<li title='540'>٥٤٠</li>
+</ol>
+<ol start='999'>
+<li title='999'>٩٩٩</li>
+<li title='1000'>١٠٠٠</li>
+</ol>
+<ol start='1005'>
+<li title='1005'>١٠٠٥</li>
+</ol>
+<ol start='1060'>
+<li title='1060'>١٠٦٠</li>
+</ol>
+<ol start='1065'>
+<li title='1065'>١٠٦٥</li>
+</ol>
+<ol start='1800'>
+<li title='1800'>١٨٠٠</li>
+</ol>
+<ol start='1860'>
+<li title='1860'>١٨٦٠</li>
+</ol>
+<ol start='1865'>
+<li title='1865'>١٨٦٥</li>
+</ol>
+<ol start='5865'>
+<li title='5865'>٥٨٦٥</li>
+</ol>
+<ol start='7005'>
+<li title='7005'>٧٠٠٥</li>
+</ol>
+<ol start='7800'>
+<li title='7800'>٧٨٠٠</li>
+</ol>
+<ol start='7864'>
+<li title='7864'>٧٨٦٤</li>
+</ol>
+<ol start='9999'>
+<li title='9999'>٩٩٩٩</li>
+</ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-103-ref.html b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-103-ref.html
new file mode 100644
index 0000000000..a1b88990c9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-103-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>arabic-indic, 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-numeric'>
+<meta name="assert" content="list-style-type:  arabic-indic produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: arabic-indic;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-103.html b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-103.html
new file mode 100644
index 0000000000..e2e01134d6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/arabic-indic/css3-counter-styles-103.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>arabic-indic, 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-numeric'>
+<link rel='match' href='css3-counter-styles-103-ref.html'>
+<meta name="assert" content="list-style-type:  arabic-indic produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: arabic-indic;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title='1'>١.</li>
+<li title='2'>٢.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-006-ref.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-006-ref.html
new file mode 100644
index 0000000000..837786f147
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-006-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: armenian produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* 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 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>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-006.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-006.html
new file mode 100644
index 0000000000..7500274ce9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-006.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-006-ref.html'>
+<meta name="assert" content="list-style-type: armenian produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<li title='1'>Ա</li>
+<li title='2'>Բ</li>
+<li title='3'>Գ</li>
+<li title='4'>Դ</li>
+<li title='5'>Ե</li>
+<li title='6'>Զ</li>
+<li title='7'>Է</li>
+<li title='8'>Ը</li>
+<li title='9'>Թ</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-007-ref.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-007-ref.html
new file mode 100644
index 0000000000..e2071249c4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-007-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: armenian produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* 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 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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-007.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-007.html
new file mode 100644
index 0000000000..dd5653019c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-007.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-007-ref.html'>
+<meta name="assert" content="list-style-type: armenian produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='10'>Ժ</li></ol>
+<ol start='11'><li title='11'>ԺԱ</li></ol>
+<ol start='12'><li title='12'>ԺԲ</li></ol>
+<ol start='43'><li title='43'>ԽԳ</li></ol>
+<ol start='77'><li title='77'>ՀԷ</li></ol>
+<ol start='80'><li title='80'>Ձ</li></ol>
+<ol start='99'><li title='99'>ՂԹ</li></ol>
+<ol start='100'><li title='100'>Ճ</li></ol>
+<ol start='101'><li title='101'>ՃԱ</li></ol>
+<ol start='222'><li title='222'>ՄԻԲ</li></ol>
+<ol start='540'><li title='540'>ՇԽ</li></ol>
+<ol start='999'><li title='999'>ՋՂԹ</li></ol>
+<ol start='1000'><li title='1000'>Ռ</li></ol>
+<ol start='1005'><li title='1005'>ՌԵ</li></ol>
+<ol start='1060'><li title='1060'>ՌԿ</li></ol>
+<ol start='1065'><li title='1065'>ՌԿԵ</li></ol>
+<ol start='1800'><li title='1800'>ՌՊ</li></ol>
+<ol start='1860'><li title='1860'>ՌՊԿ</li></ol>
+<ol start='1865'><li title='1865'>ՌՊԿԵ</li></ol>
+<ol start='5865'><li title='5865'>ՐՊԿԵ</li></ol>
+<ol start='7005'><li title='7005'>ՒԵ</li></ol>
+<ol start='7800'><li title='7800'>ՒՊ</li></ol>
+<ol start='7865'><li title='7865'>ՒՊԿԵ</li></ol>
+<ol start='9999'><li title='9999'>ՔՋՂԹ</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-008-ref.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-008-ref.html
new file mode 100644
index 0000000000..deb5fe81fa
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-008-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: armenian produces counter values outside its ranges using its fallback style.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='9999'><div><bdi>ՔՋՂԹ. </bdi>ՔՋՂԹ</div></ol>
+<ol start='10000'><div><bdi>10000. </bdi>10000</div></ol>
+<ol start='10001'><div><bdi>10001. </bdi>10001</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-008.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-008.html
new file mode 100644
index 0000000000..0ea36af37c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-008.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-008-ref.html'>
+<meta name="assert" content="list-style-type: armenian produces counter values outside its ranges using its fallback style.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='9999'><li title='9999'>ՔՋՂԹ</li></ol>
+<ol start='10000'><li title='10000'>10000</li></ol>
+<ol start='10001'><li title='10001'>10001</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-009-ref.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-009-ref.html
new file mode 100644
index 0000000000..3f257de57a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-009-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: armenian will produce a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class="test"><ol>
+<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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-009.html b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-009.html
new file mode 100644
index 0000000000..72db60d0f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/armenian/css3-counter-styles-009.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>armenian, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-009-ref.html'>
+<meta name="assert" content="list-style-type: armenian will produce a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title='1'>Ա.</li>
+<li title='2'>Բ.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-116-ref.html b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-116-ref.html
new file mode 100644
index 0000000000..4c65698eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-116-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>bengali, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:bengali produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: bengali;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-116.html b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-116.html
new file mode 100644
index 0000000000..2fc9bf6878
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-116.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>bengali, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-116-ref.html'>
+<meta name="assert" content="list-style-type:bengali produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: bengali;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">১</li>
+<li title="2">২</li>
+<li title="3">৩</li>
+<li title="4">৪</li>
+<li title="5">৫</li>
+<li title="6">৬</li>
+<li title="7">৭</li>
+<li title="8">৮</li>
+<li title="9">৯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-117-ref.html b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-117-ref.html
new file mode 100644
index 0000000000..fffbf6a678
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-117-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>bengali, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: bengali produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: bengali;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-117.html b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-117.html
new file mode 100644
index 0000000000..58ba8400ec
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-117.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>bengali, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-117-ref.html'>
+<meta name="assert" content="list-style-type: bengali produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: bengali;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title="10">১০</li></ol>
+<ol start="11"><li title="11">১১</li></ol>
+<ol start="12"><li title="12">১২</li></ol>
+<ol start="43"><li title="43">৪৩</li></ol>
+<ol start="77"><li title="77">৭৭</li></ol>
+<ol start="80"><li title="80">৮০</li></ol>
+<ol start="99"><li title="99">৯৯</li></ol>
+<ol start="100"><li title="100">১০০</li></ol>
+<ol start="101"><li title="101">১০১</li></ol>
+<ol start="222"><li title="222">২২২</li></ol>
+<ol start="540"><li title="540">৫৪০</li></ol>
+<ol start="999"><li title="999">৯৯৯</li></ol>
+<ol start="1000"><li title="1000">১০০০</li></ol>
+<ol start="1005"><li title="1005">১০০৫</li></ol>
+<ol start="1060"><li title="1060">১০৬০</li></ol>
+<ol start="1065"><li title="1065">১০৬৫</li></ol>
+<ol start="1800"><li title="1800">১৮০০</li></ol>
+<ol start="1860"><li title="1860">১৮৬০</li></ol>
+<ol start="1865"><li title="1865">১৮৬৫</li></ol>
+<ol start="5865"><li title="5865">৫৮৬৫</li></ol>
+<ol start="7005"><li title="7005">৭০০৫</li></ol>
+<ol start="7800"><li title="7800">৭৮০০</li></ol>
+<ol start="7864"><li title="7864">৭৮৬৪</li></ol>
+<ol start="9999"><li title="9999">৯৯৯৯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-118-ref.html b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-118-ref.html
new file mode 100644
index 0000000000..e561f6a46f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-118-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>bengali, 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-numeric'>
+<meta name="assert" content="list-style-type: bengali produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: bengali;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-118.html b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-118.html
new file mode 100644
index 0000000000..1215a1c201
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/bengali/css3-counter-styles-118.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>bengali, 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-numeric'>
+<link rel='match' href='css3-counter-styles-118-ref.html'>
+<meta name="assert" content="list-style-type: bengali produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: bengali;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">১.</li>
+<li title="2">২.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-158-ref.html b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-158-ref.html
new file mode 100644
index 0000000000..013bde97be
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-158-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cambodian, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type: cambodian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cambodian;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-158.html b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-158.html
new file mode 100644
index 0000000000..76154c86b2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-158.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cambodian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-158-ref.html'>
+<meta name="assert" content="list-style-type: cambodian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cambodian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">១</li>
+<li title="2">២</li>
+<li title="3">៣</li>
+<li title="4">៤</li>
+<li title="5">៥</li>
+<li title="6">៦</li>
+<li title="7">៧</li>
+<li title="8">៨</li>
+<li title="9">៩</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-159-ref.html b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-159-ref.html
new file mode 100644
index 0000000000..470a982fad
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-159-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cambodian, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: cambodian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cambodian;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-159.html b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-159.html
new file mode 100644
index 0000000000..d53f1e229f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-159.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cambodian, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-159-ref.html'>
+<meta name="assert" content="list-style-type: cambodian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cambodian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="11">១១</li></ol>
+<ol start="12"><li title="12">១២</li></ol>
+<ol start="43"><li title="43">៤៣</li></ol>
+<ol start="77"><li title="77">៧៧</li></ol>
+<ol start="80"><li title="80">៨០</li></ol>
+<ol start="99"><li title="99">៩៩</li></ol>
+<ol start="100"><li title="100">១០០</li></ol>
+<ol start="101"><li title="101">១០១</li></ol>
+<ol start="222"><li title="222">២២២</li></ol>
+<ol start="540"><li title="540">៥៤០</li></ol>
+<ol start="999"><li title="999">៩៩៩</li></ol>
+<ol start="1000"><li title="1000">១០០០</li></ol>
+<ol start="1005"><li title="1005">១០០៥</li></ol>
+<ol start="1060"><li title="1060">១០៦០</li></ol>
+<ol start="1065"><li title="1065">១០៦៥</li></ol>
+<ol start="1800"><li title="1800">១៨០០</li></ol>
+<ol start="1860"><li title="1860">១៨៦០</li></ol>
+<ol start="5865"><li title="5865">៥៨៦៥</li></ol>
+<ol start="7005"><li title="7005">៧០០៥</li></ol>
+<ol start="7800"><li title="7800">៧៨០០</li></ol>
+<ol start="7864"><li title="7864">៧៨៦៤</li></ol>
+<ol start="9999"><li title="9999">៩៩៩៩</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-160-ref.html b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-160-ref.html
new file mode 100644
index 0000000000..ee688aae45
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-160-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cambodian, 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-numeric'>
+<meta name="assert" content="list-style-type: cambodian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cambodian;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-160.html b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-160.html
new file mode 100644
index 0000000000..46223ab4da
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cambodian/css3-counter-styles-160.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cambodian, 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-numeric'>
+<link rel='match' href='css3-counter-styles-160-ref.html'>
+<meta name="assert" content="list-style-type: cambodian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cambodian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">១.</li>
+<li title="2">២.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/counter-cjk-decimal-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/counter-cjk-decimal-ref.html
new file mode 100644
index 0000000000..20848cc152
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/counter-cjk-decimal-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<div>&#x3007;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x4e00;&#x3007;</div>
+<div>&#x4e00;&#x4e00;</div>
+<div>&#x4e5d;&#x4e5d;</div>
+<div>&#x4e00;&#x3007;&#x3007;</div>
+<div>&#x516d;&#x3007;&#x3007;&#x4e00;</div>
+<div>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x4e94;</div>
+
+<div>-1</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/counter-cjk-decimal.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/counter-cjk-decimal.html
new file mode 100644
index 0000000000..0461b78092
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/counter-cjk-decimal.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<link rel="match" href="counter-cjk-decimal-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#cjk-decimal">
+<style>
+  div::after {
+    content: counter(n, cjk-decimal);
+  }
+</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 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 12345;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-001-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-001-ref.html
new file mode 100644
index 0000000000..dc7231ec55
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-001-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-decimal, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: cjk-decimal produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-decimal;  }
+/* 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 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>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-001.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-001.html
new file mode 100644
index 0000000000..e5be28f736
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-001.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-decimal, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-001-ref.html'>
+<meta name="assert" content="list-style-type: cjk-decimal produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-decimal;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class='test'><ol>
+<li title="1">一</li>
+<li title="2">二</li>
+<li title="3">三</li>
+<li title="4">四</li>
+<li title="5">五</li>
+<li title="6">六</li>
+<li title="7">七</li>
+<li title="8">八</li>
+<li title="9">九</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-004-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-004-ref.html
new file mode 100644
index 0000000000..c9d600bca0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-004-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-decimal, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: cjk-decimal produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-decimal;  }
+/* 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 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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-004.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-004.html
new file mode 100644
index 0000000000..921c4ace80
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-004.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-decimal, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-004-ref.html'>
+<meta name="assert" content="list-style-type: cjk-decimal produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-decimal;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">一〇</li></ol>
+<ol start="11"><li title="11">一一</li></ol>
+<ol start="12"><li title="12">一二</li></ol>
+<ol start="43"><li title="43">四三</li></ol>
+<ol start="77"><li title="77">七七</li></ol>
+<ol start="80"><li title="80">八〇</li></ol>
+<ol start="99"><li title="99">九九</li></ol>
+<ol start="100"><li title="100">一〇〇</li></ol>
+<ol start="101"><li title="101">一〇一</li></ol>
+<ol start="222"><li title="222">二二二</li></ol>
+<ol start="540"><li title="540">五四〇</li></ol>
+<ol start="999"><li title="999">九九九</li></ol>
+<ol start="1000"><li title="1000">一〇〇〇</li></ol>
+<ol start="1005"><li title="1005">一〇〇五</li></ol>
+<ol start="1060"><li title="1060">一〇六〇</li></ol>
+<ol start="1065"><li title="1065">一〇六五</li></ol>
+<ol start="1800"><li title="1800">一八〇〇</li></ol>
+<ol start="1860"><li title="1860">一八六〇</li></ol>
+<ol start="5865"><li title="5865">五八六五</li></ol>
+<ol start="7005"><li title="7005">七〇〇五</li></ol>
+<ol start="7800"><li title="7800">七八〇〇</li></ol>
+<ol start="7864"><li title="7864">七八六四</li></ol>
+<ol start="9999"><li title="9999">九九九九</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-005-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-005-ref.html
new file mode 100644
index 0000000000..df2f9ec01c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-005-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-decimal, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: cjk-decimal will produce a suffix as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+ol li { list-style-type: cjk-decimal;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-005.html b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-005.html
new file mode 100644
index 0000000000..c059d354f2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-decimal/css3-counter-styles-005.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-decimal, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-005-ref.html'>
+<meta name="assert" content="list-style-type: cjk-decimal will produce a suffix as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+ol li { list-style-type: cjk-decimal;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">一、</li>
+<li title="2">二、</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-201-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-201-ref.html
new file mode 100644
index 0000000000..94139fdb31
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-201-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-earthly-branch, 0-12</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-numeric'>
+<meta name="assert" content="list-style-type:cjk-earthly-branch produces numbers up to 12 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-earthly-branch;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<div><bdi dir=ltr>子、</bdi>子</div>
+<div><bdi dir=ltr>丑、</bdi>丑</div>
+<div><bdi dir=ltr>寅、</bdi>寅</div>
+<div><bdi dir=ltr>卯、</bdi>卯</div>
+<div><bdi dir=ltr>辰、</bdi>辰</div>
+<div><bdi dir=ltr>巳、</bdi>巳</div>
+<div><bdi dir=ltr>午、</bdi>午</div>
+<div><bdi dir=ltr>未、</bdi>未</div>
+<div><bdi dir=ltr>申、</bdi>申</div>
+<div><bdi dir=ltr>酉、</bdi>酉</div>
+<div><bdi dir=ltr>戌、</bdi>戌</div>
+<div><bdi dir=ltr>亥、</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-201.html b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-201.html
new file mode 100644
index 0000000000..730a7f7eca
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-201.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-earthly-branch, 0-12</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-numeric'>
+<link rel='match' href='css3-counter-styles-201-ref.html'>
+<meta name="assert" content="list-style-type:cjk-earthly-branch produces numbers up to 12 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-earthly-branch;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">子</li>
+<li title="2">丑</li>
+<li title="3">寅</li>
+<li title="4">卯</li>
+<li title="5">辰</li>
+<li title="6">巳</li>
+<li title="7">午</li>
+<li title="8">未</li>
+<li title="9">申</li>
+<li title="10">酉</li>
+<li title="11">戌</li>
+<li title="12">亥</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-202-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-202-ref.html
new file mode 100644
index 0000000000..52712e3fd0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-202-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-earthly-branch, 13+</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-numeric'>
+<meta name="assert" content="list-style-type: cjk-earthly-branch produces numbers after 12 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-earthly-branch;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="13"><div><bdi dir=ltr>子子、</bdi>子子</div></ol>
+<ol start="14"><div><bdi dir=ltr>子丑、</bdi>子丑</div></ol>
+<ol start="77"><div><bdi dir=ltr>巳辰、</bdi>巳辰</div></ol>
+<ol start="80"><div><bdi dir=ltr>巳未、</bdi>巳未</div></ol>
+<ol start="99"><div><bdi dir=ltr>未寅、</bdi>未寅</div></ol>
+<ol start="100"><div><bdi dir=ltr>未卯、</bdi>未卯</div></ol>
+<ol start="101"><div><bdi dir=ltr>未辰、</bdi>未辰</div></ol>
+<ol start="222"><div><bdi dir=ltr>子巳巳、</bdi>子巳巳</div></ol>
+<ol start="540"><div><bdi dir=ltr>寅未亥、</bdi>寅未亥</div></ol>
+<ol start="999"><div><bdi dir=ltr>巳戌寅、</bdi>巳戌寅</div></ol>
+<ol start="1000"><div><bdi dir=ltr>巳戌卯、</bdi>巳戌卯</div></ol>
+<ol start="1005"><div><bdi dir=ltr>巳戌申、</bdi>巳戌申</div></ol>
+<ol start="1060"><div><bdi dir=ltr>午卯卯、</bdi>午卯卯</div></ol>
+<ol start="1065"><div><bdi dir=ltr>午卯申、</bdi>午卯申</div></ol>
+<ol start="1800"><div><bdi dir=ltr>亥辰亥、</bdi>亥辰亥</div></ol>
+<ol start="1860"><div><bdi dir=ltr>亥酉亥、</bdi>亥酉亥</div></ol>
+<ol start="5865"><div><bdi dir=ltr>寅卯未申、</bdi>寅卯未申</div></ol>
+<ol start="7005"><div><bdi dir=ltr>寅亥午申、</bdi>寅亥午申</div></ol>
+<ol start="7800"><div><bdi dir=ltr>卯巳子亥、</bdi>卯巳子亥</div></ol>
+<ol start="7864"><div><bdi dir=ltr>卯巳午卯、</bdi>卯巳午卯</div></ol>
+<ol start="9999"><div><bdi dir=ltr>辰申辰寅、</bdi>辰申辰寅</div></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-202.html b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-202.html
new file mode 100644
index 0000000000..909118fb10
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-202.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-earthly-branch, 13+</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-numeric'>
+<link rel='match' href='css3-counter-styles-202-ref.html'>
+<meta name="assert" content="list-style-type: cjk-earthly-branch produces numbers after 12 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-earthly-branch;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="13"><li title="13">子子</li></ol>
+<ol start="14"><li title="14">子丑</li></ol>
+<ol start="77"><li title="77">巳辰</li></ol>
+<ol start="80"><li title="80">巳未</li></ol>
+<ol start="99"><li title="99">未寅</li></ol>
+<ol start="100"><li title="100">未卯</li></ol>
+<ol start="101"><li title="101">未辰</li></ol>
+<ol start="222"><li title="222">子巳巳</li></ol>
+<ol start="540"><li title="540">寅未亥</li></ol>
+<ol start="999"><li title="999">巳戌寅</li></ol>
+<ol start="1000"><li title="1000">巳戌卯</li></ol>
+<ol start="1005"><li title="1005">巳戌申</li></ol>
+<ol start="1060"><li title="1060">午卯卯</li></ol>
+<ol start="1065"><li title="1065">午卯申</li></ol>
+<ol start="1800"><li title="1800">亥辰亥</li></ol>
+<ol start="1860"><li title="1860">亥酉亥</li></ol>
+<ol start="5865"><li title="5865">寅卯未申</li></ol>
+<ol start="7005"><li title="7005">寅亥午申</li></ol>
+<ol start="7800"><li title="7800">卯巳子亥</li></ol>
+<ol start="7864"><li title="7864">卯巳午卯</li></ol>
+<ol start="9999"><li title="9999">辰申辰寅</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-203-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-203-ref.html
new file mode 100644
index 0000000000..d3d4cc4caf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-203-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-earthly-branch, 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-numeric'>
+<meta name="assert" content="list-style-type: cjk-earthly-branch produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-earthly-branch;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<div><bdi dir=ltr>子、</bdi>子、</div>
+<div><bdi dir=ltr>丑、</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-203.html b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-203.html
new file mode 100644
index 0000000000..1b343bfcc2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-earthly-branch/css3-counter-styles-203.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-earthly-branch, 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-numeric'>
+<link rel='match' href='css3-counter-styles-203-ref.html'>
+<meta name="assert" content="list-style-type: cjk-earthly-branch produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-earthly-branch;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">子、</li>
+<li title="2">丑、</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-204-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-204-ref.html
new file mode 100644
index 0000000000..f91e13e629
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-204-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-heavenly-stem, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:cjk-heavenly-stem produces numbers up to 12 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-heavenly-stem;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<div><bdi dir=ltr>甲、</bdi>甲</div>
+<div><bdi dir=ltr>乙、</bdi>乙</div>
+<div><bdi dir=ltr>丙、</bdi>丙</div>
+<div><bdi dir=ltr>丁、</bdi>丁</div>
+<div><bdi dir=ltr>戊、</bdi>戊</div>
+<div><bdi dir=ltr>己、</bdi>己</div>
+<div><bdi dir=ltr>庚、</bdi>庚</div>
+<div><bdi dir=ltr>辛、</bdi>辛</div>
+<div><bdi dir=ltr>壬、</bdi>壬</div>
+<div><bdi dir=ltr>癸、</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-204.html b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-204.html
new file mode 100644
index 0000000000..6ba9000d07
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-204.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-heavenly-stem, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-204-ref.html'>
+<meta name="assert" content="list-style-type:cjk-heavenly-stem produces numbers up to 12 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-heavenly-stem;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">甲</li>
+<li title="2">乙</li>
+<li title="3">丙</li>
+<li title="4">丁</li>
+<li title="5">戊</li>
+<li title="6">己</li>
+<li title="7">庚</li>
+<li title="8">辛</li>
+<li title="9">壬</li>
+<li title="10">癸</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-205-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-205-ref.html
new file mode 100644
index 0000000000..7d8e6fb613
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-205-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-heavenly-stem, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: cjk-heavenly-stem produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-heavenly-stem;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="11"><div><bdi dir=ltr>甲甲、</bdi>甲甲</div></ol>
+<ol start="12"><div><bdi dir=ltr>甲乙、</bdi>甲乙</div></ol>
+<ol start="43"><div><bdi dir=ltr>丁丙、</bdi>丁丙</div></ol>
+<ol start="77"><div><bdi dir=ltr>庚庚、</bdi>庚庚</div></ol>
+<ol start="80"><div><bdi dir=ltr>庚癸、</bdi>庚癸</div></ol>
+<ol start="99"><div><bdi dir=ltr>壬壬、</bdi>壬壬</div></ol>
+<ol start="100"><div><bdi dir=ltr>壬癸、</bdi>壬癸</div></ol>
+<ol start="101"><div><bdi dir=ltr>癸甲、</bdi>癸甲</div></ol>
+<ol start="222"><div><bdi dir=ltr>乙乙乙、</bdi>乙乙乙</div></ol>
+<ol start="540"><div><bdi dir=ltr>戊丙癸、</bdi>戊丙癸</div></ol>
+<ol start="999"><div><bdi dir=ltr>壬壬壬、</bdi>壬壬壬</div></ol>
+<ol start="1000"><div><bdi dir=ltr>壬壬癸、</bdi>壬壬癸</div></ol>
+<ol start="1005"><div><bdi dir=ltr>壬癸戊、</bdi>壬癸戊</div></ol>
+<ol start="1060"><div><bdi dir=ltr>癸戊癸、</bdi>癸戊癸</div></ol>
+<ol start="1065"><div><bdi dir=ltr>癸己戊、</bdi>癸己戊</div></ol>
+<ol start="1800"><div><bdi dir=ltr>甲庚壬癸、</bdi>甲庚壬癸</div></ol>
+<ol start="1860"><div><bdi dir=ltr>甲辛戊癸、</bdi>甲辛戊癸</div></ol>
+<ol start="5865"><div><bdi dir=ltr>戊辛己戊、</bdi>戊辛己戊</div></ol>
+<ol start="7005"><div><bdi dir=ltr>己壬癸戊、</bdi>己壬癸戊</div></ol>
+<ol start="7800"><div><bdi dir=ltr>庚庚壬癸、</bdi>庚庚壬癸</div></ol>
+<ol start="7864"><div><bdi dir=ltr>庚辛己丁、</bdi>庚辛己丁</div></ol>
+<ol start="9999"><div><bdi dir=ltr>壬壬壬壬、</bdi>壬壬壬壬</div></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-205.html b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-205.html
new file mode 100644
index 0000000000..fdd74e837d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-205.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-heavenly-stem, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-205-ref.html'>
+<meta name="assert" content="list-style-type: cjk-heavenly-stem produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-heavenly-stem;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="11">甲甲</li></ol>
+<ol start="12"><li title="12">甲乙</li></ol>
+<ol start="43"><li title="43">丁丙</li></ol>
+<ol start="77"><li title="77">庚庚</li></ol>
+<ol start="80"><li title="80">庚癸</li></ol>
+<ol start="99"><li title="99">壬壬</li></ol>
+<ol start="100"><li title="100">壬癸</li></ol>
+<ol start="101"><li title="101">癸甲</li></ol>
+<ol start="222"><li title="222">乙乙乙</li></ol>
+<ol start="540"><li title="540">戊丙癸</li></ol>
+<ol start="999"><li title="999">壬壬壬</li></ol>
+<ol start="1000"><li title="1000">壬壬癸</li></ol>
+<ol start="1005"><li title="1005">壬癸戊</li></ol>
+<ol start="1060"><li title="1060">癸戊癸</li></ol>
+<ol start="1065"><li title="1065">癸己戊</li></ol>
+<ol start="1800"><li title="1800">甲庚壬癸</li></ol>
+<ol start="1860"><li title="1860">甲辛戊癸</li></ol>
+<ol start="5865"><li title="5865">戊辛己戊</li></ol>
+<ol start="7005"><li title="7005">己壬癸戊</li></ol>
+<ol start="7800"><li title="7800">庚庚壬癸</li></ol>
+<ol start="7864"><li title="7864">庚辛己丁</li></ol>
+<ol start="9999"><li title="9999">壬壬壬壬</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-206-ref.html b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-206-ref.html
new file mode 100644
index 0000000000..7c490e2f6c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-206-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-heavenly-stem, 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-numeric'>
+<meta name="assert" content="list-style-type: cjk-heavenly-stem produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-heavenly-stem;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<div><bdi dir=ltr>甲、</bdi>甲、</div>
+<div><bdi dir=ltr>乙、</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-206.html b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-206.html
new file mode 100644
index 0000000000..9c7a4a0d2b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cjk-heavenly-stem/css3-counter-styles-206.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>cjk-heavenly-stem, 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-numeric'>
+<link rel='match' href='css3-counter-styles-206-ref.html'>
+<meta name="assert" content="list-style-type: cjk-heavenly-stem produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: cjk-heavenly-stem;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">甲、</li>
+<li title="2">乙、</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-name-case-sensitive-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-name-case-sensitive-ref.html
new file mode 100644
index 0000000000..c004b5e025
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-name-case-sensitive-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>Test that counter names are case sensitive (bug 416106)</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+</head>
+<body>
+
+<div>1-5</div>
+<div>1-7</div>
+<div>1-7</div>
+<div>2-7</div>
+<div>2-9</div>
+<div>2-9</div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-name-case-sensitive.html b/testing/web-platform/tests/css/css-counter-styles/counter-name-case-sensitive.html
new file mode 100644
index 0000000000..f6423b20ca
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-name-case-sensitive.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+    <title>Test that counter names are case sensitive (bug 416106)</title>
+    <link rel="match" href="counter-name-case-sensitive-ref.html"/>
+    <link rel="help" href="https://drafts.csswg.org/css-counter-styles/#the-counter-style-rule"/>
+    <link rel="help" href="https://bugzilla.mozilla.org/416106"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style type="text/css">
+    body { counter-reset: foo 0 Foo 5; }
+    div:before { content: counters(foo, ".") "-" counters(Foo, "."); }
+    div.a { counter-increment: foo; }
+    div.b { counter-increment: Foo 2; }
+    </style>
+</head>
+<body>
+
+<div class="a"></div>
+<div class="b"></div>
+<div></div>
+<div class="a"></div>
+<div class="b"></div>
+<div></div>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/access-from-shadow-dom-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/access-from-shadow-dom-ref.html
new file mode 100644
index 0000000000..ee40f94bda
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/access-from-shadow-dom-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/access-from-shadow-dom.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/access-from-shadow-dom.html
new file mode 100644
index 0000000000..94ec03722b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/access-from-shadow-dom.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Counter styles defined in the document tree scope should be globally accessible</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="access-from-shadow-dom-ref.html">
+
+<style>
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+</style>
+
+<div id="host"></div>
+
+<script>
+document.getElementById("host").attachShadow({mode: 'open'}).innerHTML = `
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+`
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/additive-symbols-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/additive-symbols-syntax.html
new file mode 100644
index 0000000000..b1c4a0e8be
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/additive-symbols-syntax.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_additive_symbols(value, expected) {
+  test_valid_counter_style_descriptor('additive-symbols', value, expected);
+}
+
+function test_invalid_additive_symbols(value) {
+  test_invalid_counter_style_descriptor('additive-symbols', value);
+}
+
+// [ <integer [0,∞]> && <symbol> ]#
+
+test_valid_additive_symbols('0 "X"');
+test_valid_additive_symbols('1 "X"');
+test_valid_additive_symbols('"X" 1', '1 "X"');
+test_valid_additive_symbols('5 "V", 1 "I"');
+
+test_invalid_additive_symbols('');
+
+// Weights must be non-negative
+test_invalid_additive_symbols('-1 "X"');
+
+// Weights must be in strictly decreasing order
+test_invalid_additive_symbols('1 "I", 5 "V"');
+test_invalid_additive_symbols('1 "X", 1 "Y"');
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/broken-symbols-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/broken-symbols-ref.html
new file mode 100644
index 0000000000..0247f65d3e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/broken-symbols-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<ol><li>Should have "1." as bullet point.</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/broken-symbols.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/broken-symbols.html
new file mode 100644
index 0000000000..eea52a75b4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/broken-symbols.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: invalid counter-style symbols</title>
+<link rel="author" title="Anthony Ramine" href="mailto:n.oxyde@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#typedef-symbol">
+<link rel="match" href="broken-symbols-ref.html">
+<style type="text/css">
+  @counter-style a {
+    system: alphabetic;
+    symbols: ⓐ inherit;
+  }
+</style>
+<ol style="list-style-type: a"><li>Should have "1." as bullet point.</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/dependent-builtin-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/dependent-builtin-ref.html
new file mode 100644
index 0000000000..a558ce29e6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/dependent-builtin-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>&#x4e00;&#x5343;&#x3001;</div>
+<div>&#x4e00;&#x5343;&#x96f6;&#x4e00;&#x3001;</div>
+<div>&#x4e00;&#x5343;&#x96f6;&#x4e8c;&#x3001;</div>
+<div>&#x4e00;&#x5343;&#x96f6;&#x4e09;&#x3001;</div>
+<div>&#x4e00;&#x5343;&#x96f6;&#x56db;&#x3001;</div>
+<div>&#x4e00;&#x3007;&#x3007;&#x4e94;&#x3001;</div>
+<div>&#x4e00;&#x3007;&#x3007;&#x516d;&#x3001;</div>
+<div>&#x4e00;&#x3007;&#x3007;&#x4e03;&#x3001;</div>
+<div>&#x4e00;&#x3007;&#x3007;&#x516b;&#x3001;</div>
+<div>&#x4e00;&#x3007;&#x3007;&#x4e5d;&#x3001;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/dependent-builtin.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/dependent-builtin.html
new file mode 100644
index 0000000000..553dd72dca
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/dependent-builtin.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: dependent builtin</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
+<link rel="match" href="dependent-builtin-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends simp-chinese-informal;
+    range: 1000 1004;
+  }
+</style>
+<ol start="1000" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-invalid-ref.html
new file mode 100644
index 0000000000..4b1c78b204
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-invalid-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>00.&nbsp;</div>
+<div>A.&nbsp;</div>
+<div>B.&nbsp;</div>
+<div>C.&nbsp;</div>
+<div>D.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-invalid.html
new file mode 100644
index 0000000000..e19d9d649a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-invalid.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor fallback, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-fallback">
+<link rel="match" href="descriptor-fallback-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends upper-alpha;
+    fallback: decimal-leading-zero;
+    fallback: decimal cjk-decimal;
+    fallback: "*";
+  }
+</style>
+<ol start="0" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-ref.html
new file mode 100644
index 0000000000..1dc3f4561c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<div>d.&nbsp;</div>
+<div>e.&nbsp;</div>
+<div>f.&nbsp;</div>
+<div>7.&nbsp;</div>
+<div>8.&nbsp;</div>
+<div>9.&nbsp;</div>
+<!-- list-style-type: b -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<div>d.&nbsp;</div>
+<div>e.&nbsp;</div>
+<div>f.&nbsp;</div>
+<div>7.&nbsp;</div>
+<div>8.&nbsp;</div>
+<div>9.&nbsp;</div>
+<!-- list-style-type: c -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<div>d.&nbsp;</div>
+<div>e.&nbsp;</div>
+<div>f.&nbsp;</div>
+<div>g.&nbsp;</div>
+<div>h.&nbsp;</div>
+<div>i.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback.html
new file mode 100644
index 0000000000..7cbfb88592
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-fallback.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor fallback</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-fallback">
+<link rel="match" href="descriptor-fallback-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: fixed;
+    symbols: a b c;
+    fallback: b;
+  }
+  @counter-style b {
+    system: fixed 4;
+    symbols: d e f;
+    fallback: a;
+  }
+  @counter-style c {
+    system: fixed 7;
+    symbols: g h i;
+    fallback: a;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li>
+  <li><li><li>
+  <li><li><li>
+</ol>
+<ol style="list-style-type: b">
+  <li><li><li>
+  <li><li><li>
+  <li><li><li>
+</ol>
+<ol style="list-style-type: c">
+  <li><li><li>
+  <li><li><li>
+  <li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-invalid-ref.html
new file mode 100644
index 0000000000..a14d7b40be
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-invalid-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>!2.&nbsp;</div>
+<div>!1.&nbsp;</div>
+<div>0.&nbsp;</div>
+<div>1.&nbsp;</div>
+<div>2.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-invalid.html
new file mode 100644
index 0000000000..f7376ea5dd
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor negative, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-negative">
+<link rel="match" href="descriptor-negative-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends decimal;
+    negative: '!';
+    negative: 0;
+    negative: ~;
+    negative: '(' 'x' ')';
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-ref.html
new file mode 100644
index 0000000000..9216a87fc7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>&#x207B;2.&nbsp;</div>
+<div>&#x207B;1.&nbsp;</div>
+<div>0.&nbsp;</div>
+<div>1.&nbsp;</div>
+<div>2.&nbsp;</div>
+<!-- list-style-type: b -->
+<div>(2).&nbsp;</div>
+<div>(1).&nbsp;</div>
+<div>0.&nbsp;</div>
+<div>1.&nbsp;</div>
+<div>2.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative.html
new file mode 100644
index 0000000000..cf06bc4c7c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-negative.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor negative</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-negative">
+<link rel="match" href="descriptor-negative-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends decimal;
+    negative: \207B;
+  }
+  @counter-style b {
+    system: extends decimal;
+    negative: '(' ')';
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-invalid-ref.html
new file mode 100644
index 0000000000..1da956e3d5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-invalid-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>001.&nbsp;</div>
+<div>002.&nbsp;</div>
+<div>003.&nbsp;</div>
+<div>004.&nbsp;</div>
+<div>005.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-invalid.html
new file mode 100644
index 0000000000..4145eb7889
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor pad, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-pad">
+<link rel="match" href="descriptor-pad-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends decimal;
+    pad: 3 "0";
+    pad: -1 "X";
+    pad: "#";
+    pad: 2 0;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-ref.html
new file mode 100644
index 0000000000..444368a61a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>-III.&nbsp;</div>
+<div>-II.&nbsp;</div>
+<div>-*I.&nbsp;</div>
+<div>0.&nbsp;</div>
+<div>**I.&nbsp;</div>
+<div>*II.&nbsp;</div>
+<div>III.&nbsp;</div>
+<div>*IV.&nbsp;</div>
+<div>**V.&nbsp;</div>
+<div>6.&nbsp;</div>
+<!-- list-style-type: b -->
+<div>(2).&nbsp;</div>
+<div>(1).&nbsp;</div>
+<div>000.&nbsp;</div>
+<div>001.&nbsp;</div>
+<div>002.&nbsp;</div>
+<!-- list-style-type: c -->
+<div>ooa&#x0304;</div>
+<div>ooa&#x0301;</div>
+<div>oa&#x0304;a&#x0301;</div>
+<div>oa&#x030c;a&#x0300;</div>
+<div>a&#x0304;a&#x0301;a&#x030c;</div>
+<div>a&#x0300;a&#x0304;a&#x0301;</div>
+<!-- list-style-type: d -->
+<div>001.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad.html
new file mode 100644
index 0000000000..220e36b787
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-pad.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor pad</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-pad">
+<link rel="match" href="descriptor-pad-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends upper-roman;
+    range: infinite 5;
+    pad: 3 '*';
+  }
+  @counter-style b {
+    system: extends decimal;
+    negative: '(' ')';
+    pad: 3 '0';
+  }
+  @counter-style c {
+    system: alphabetic;
+    symbols: a\0304  a\0301  a\030c  a\0300;
+    pad: 3 o;
+    suffix: '';
+  }
+  @counter-style d {
+    system: extends decimal;
+    pad: '0' 3;
+  }
+</style>
+<ol start="-3" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li><li><li><li><li>
+</ol>
+<ol style="list-style-type: c">
+  <li><li>
+  <li value="6"><li value="16">
+  <li value="27"><li value="70">
+</ol>
+<ol style="list-style-type: d">
+  <li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-invalid-ref.html
new file mode 100644
index 0000000000..4d5b82e7c3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-invalid-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>#-2.&nbsp;</div>
+<div>#-1.&nbsp;</div>
+<div>#0.&nbsp;</div>
+<div>#1.&nbsp;</div>
+<div>#2.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-invalid.html
new file mode 100644
index 0000000000..33aa5452ac
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor prefix, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-prefix">
+<link rel="match" href="descriptor-prefix-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends decimal;
+    prefix: "#";
+    prefix: *;
+    prefix: 0;
+    prefix: '$' '$';
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-ref.html
new file mode 100644
index 0000000000..aa32f53639
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- ol -->
+<div>Appendix -2.&nbsp;</div>
+<div>Appendix -1.&nbsp;</div>
+<div>Appendix 0.&nbsp;</div>
+<div>Appendix I.&nbsp;</div>
+<div>Appendix II.&nbsp;</div>
+<!-- section -->
+<p>-2</p>
+<p>-1</p>
+<p>0</p>
+<p>I</p>
+<p>II</p>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix.html
new file mode 100644
index 0000000000..ecf18420aa
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-prefix.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor prefix</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-prefix">
+<link rel="match" href="descriptor-prefix-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends upper-roman;
+    prefix: "Appendix ";
+  }
+  section {
+    counter-reset: p -3;
+  }
+  p {
+    counter-increment: p;
+  }
+  p::before {
+    content: counter(p, a);
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
+<section>
+  <p><p><p><p><p>
+</section>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-invalid-ref.html
new file mode 100644
index 0000000000..88922a293f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-invalid-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>3.&nbsp;</div>
+<div>4.&nbsp;</div>
+<div>5.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-invalid.html
new file mode 100644
index 0000000000..2f55ef074b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor range, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-range">
+<link rel="match" href="descriptor-range-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends lower-alpha;
+    range: 1 2;
+    range: 1;
+    range: 3 1;
+    range: xx yy;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-ref.html
new file mode 100644
index 0000000000..8b35eea997
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>-III.&nbsp;</div>
+<div>-2.&nbsp;</div>
+<div>-I.&nbsp;</div>
+<div>0.&nbsp;</div>
+<div>I.&nbsp;</div>
+<div>II.&nbsp;</div>
+<div>3.&nbsp;</div>
+<div>IV.&nbsp;</div>
+<div>5.&nbsp;</div>
+<div>6.&nbsp;</div>
+<div>VII.&nbsp;</div>
+<div>VIII.&nbsp;</div>
+<div>IX.&nbsp;</div>
+<div>10.&nbsp;</div>
+<div>XI.&nbsp;</div>
+<div>MMMCMXCIX.&nbsp;</div>
+<div>MMMM.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range.html
new file mode 100644
index 0000000000..699c985431
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-range.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor range</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-range">
+<link rel="match" href="descriptor-range-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends upper-roman;
+    range: infinite -3, -1 2, 4 4, 7 9, 11 infinite;
+  }
+</style>
+<ol start="-3" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+  <li value="3999"><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-invalid-ref.html
new file mode 100644
index 0000000000..e350778122
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-invalid-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>-2,</div>
+<div>-1,</div>
+<div>0,</div>
+<div>1,</div>
+<div>2,</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-invalid.html
new file mode 100644
index 0000000000..f62181bf9c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-invalid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor suffix, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix">
+<link rel="match" href="descriptor-suffix-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends decimal;
+    suffix: ',';
+    suffix: *;
+    suffix: 0;
+    suffix: '$' '$';
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-ref.html
new file mode 100644
index 0000000000..ccbb7bdd69
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<style type="text/css">
+  div {
+    padding: 0; margin: 0;
+    line-height: 150%;
+  }
+</style>
+<!-- list-style-type: a -->
+<div>-2,-2</div>
+<div>-1,-1</div>
+<div>0,0</div>
+<div>1,1</div>
+<div>2,2</div>
+<!-- list-style-type: b -->
+<div>-2&#x3001;-2</div>
+<div>-1&#x3001;-1</div>
+<div>0&#x3001;0</div>
+<div>1&#x3001;1</div>
+<div>2&#x3001;2</div>
+<!-- section -->
+<div>-2</div>
+<div>-1</div>
+<div>0</div>
+<div>1</div>
+<div>2</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix.html
new file mode 100644
index 0000000000..c558d6b30d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-suffix.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor suffix</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix">
+<link rel="match" href="descriptor-suffix-ref.html">
+<style type="text/css">
+  @counter-style a {
+    system: extends decimal;
+    suffix: ",";
+  }
+  @counter-style b {
+    system: extends decimal;
+    suffix: \3001;
+  }
+  ol {
+    list-style-position: inside;
+  }
+  ol, section, p {
+    padding: 0; margin: 0;
+    line-height: 150%;
+  }
+  section {
+    counter-reset: p -3;
+  }
+  p {
+    counter-increment: p;
+  }
+  p::before {
+    content: counter(p, a);
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>-2<li>-1<li>0<li>1<li>2
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li>-2<li>-1<li>0<li>1<li>2
+</ol>
+<section>
+  <p><p><p><p><p>
+</section>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-invalid-ref.html
new file mode 100644
index 0000000000..50e1ee8468
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-invalid-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<div>4.&nbsp;</div>
+<div>5.&nbsp;</div>
+<!-- list-style-type: b -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<div>ca.&nbsp;</div>
+<div>cb.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-invalid.html
new file mode 100644
index 0000000000..a0d0e3560b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-invalid.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor symbols, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols">
+<link rel="match" href="descriptor-symbols-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: fixed;
+    symbols: a b c;
+    symbols: 0 1 2;
+  }
+  @counter-style b {
+    system: additive;
+    additive-symbols: 3 c, 2 b, 1 a;
+    additive-symbols: 1 x, 2 y, 3 z;
+    additive-symbols: x, y, z;
+    additive-symbols: 1, 2, 3;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
+<ol style="list-style-type: b">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-ref.html
new file mode 100644
index 0000000000..e353cc9536
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<!-- list-style-type: b -->
+<div>a.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>c.&nbsp;</div>
+<div>d.&nbsp;</div>
+<div>e.&nbsp;</div>
+<div>f.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols.html
new file mode 100644
index 0000000000..15568f08e4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/descriptor-symbols.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: descriptor symbols</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols">
+<link rel="match" href="descriptor-symbols-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: fixed;
+    symbols: a "b" \63;
+  }
+  @counter-style b {
+    system: additive;
+    additive-symbols: \66  6, 'e' 5, d 4, 3 \63, 2 "b", 1 a;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li>
+</ol>
+<ol style="list-style-type: b">
+  <li><li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles-ref.html
new file mode 100644
index 0000000000..a1dafa7560
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<style type="text/css">
+  @counter-style disclosure-closed2-ltr {
+    system: cyclic;
+    symbols: \25b8;
+    suffix: ' ';
+  }
+  @counter-style disclosure-closed2-rtl {
+    system: cyclic;
+    symbols: \25c2;
+    suffix: ' ';
+  }
+  @counter-style disclosure-open2 {
+    system: cyclic;
+    symbols: \25be;
+    suffix: ' ';
+  }
+  .open { list-style-type: disclosure-open2; }
+  .closed:dir(ltr) { list-style-type: disclosure-closed2-ltr; }
+  .closed:dir(rtl) { list-style-type: disclosure-closed2-rtl; }
+  ul {
+    padding: 0;
+    list-style-position: inside;
+  }
+</style>
+<ul dir="ltr">
+  <li class="closed">closed ltr
+  <li class="open">open ltr
+</ul>
+<ul dir="rtl">
+  <li class="closed">closed rtl
+  <li class="open">open rtl
+</ul>
+<p dir="ltr">&#x25b8;&nbsp;closed ltr
+<p dir="rtl">&#x25c2;&nbsp;closed rtl
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles.html
new file mode 100644
index 0000000000..79ac6ca145
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/disclosure-styles.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: disclosure styles</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#disclosure-open">
+<link rel="match" href="disclosure-styles-ref.html">
+<style type="text/css">
+  @counter-style disclosure-closed2 {
+    system: extends disclosure-closed;
+  }
+  @counter-style disclosure-open2 {
+    system: extends disclosure-open;
+  }
+  ul {
+    padding: 0;
+    list-style-position: inside;
+  }
+  .closed { list-style-type: disclosure-closed2; }
+  .open { list-style-type: disclosure-open2; }
+  p::before {
+    content: counter(a, disclosure-closed) " ";
+  }
+</style>
+<ul dir="ltr">
+  <li class="closed">closed ltr
+  <li class="open">open ltr
+</ul>
+<ul dir="rtl">
+  <li class="closed">closed rtl
+  <li class="open">open rtl
+</ul>
+<p dir="ltr">closed ltr
+<p dir="rtl">closed rtl
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/empty-string-symbol-notref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/empty-string-symbol-notref.html
new file mode 100644
index 0000000000..7d0dbc3314
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/empty-string-symbol-notref.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: counter-style empty string symbol</title>
+<ol style="list-style-type: a"><li>Decimal marker. Should have "1." as marker.</ol>
+<ol style="list-style-type: a"><li>Empty string marker, should have "" as marker.</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/empty-string-symbol.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/empty-string-symbol.html
new file mode 100644
index 0000000000..7efea106f5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/empty-string-symbol.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: counter-style empty string symbol</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#typedef-symbol">
+<link rel="mismatch" href="empty-string-symbol-notref.html">
+<style type="text/css">
+  @counter-style a {
+    system: cyclic;
+    symbols: "";
+    prefix: "";
+    suffix: "";
+  }
+</style>
+<ol><li>Decimal marker. Should have "1." as marker.</ol>
+<ol style="list-style-type: a"><li>Empty string marker, should have "" as marker.</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallback.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallback.html
new file mode 100644
index 0000000000..5c844fbccf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallback.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-fallback">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_fallback(value) {
+  test_valid_counter_style_descriptor('fallback', value);
+}
+
+function test_invalid_fallback(value) {
+  test_invalid_counter_style_descriptor('fallback', value);
+}
+
+// <counter-style-name>
+
+test_valid_fallback('bar');
+
+// Counter style names are custom identifiers, not strings
+test_invalid_fallback('"bar"');
+
+// The following are not valid counter style names
+test_invalid_fallback('none');
+test_invalid_fallback('initial');
+test_invalid_fallback('inherit');
+test_invalid_fallback('unset');
+
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallbacks-in-shadow-dom-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallbacks-in-shadow-dom-ref.html
new file mode 100644
index 0000000000..53e467bb39
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallbacks-in-shadow-dom-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+
+<ol>
+  <div>This list style should fallback to 'foo' in the parent tree scope</div>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
+<ol>
+  <div>This list style should fallback to 'foo' in the shadow tree scope</div>
+  <div>X.</div>
+  <div>Y.</div>
+  <div>Z.</div>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallbacks-in-shadow-dom.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallbacks-in-shadow-dom.html
new file mode 100644
index 0000000000..d51f70bc31
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallbacks-in-shadow-dom.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<title>Counter style references are tree-scoped, the same name may dereference to different rules</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="fallbacks-in-shadow-dom-ref.html">
+
+<style>
+@counter-style foo {
+  system: cyclic;
+  symbols: A B C;
+}
+
+@counter-style bar {
+  system: fixed 4;
+  symbols: D E F;
+  fallback: foo;
+}
+</style>
+
+<div id="host">
+</div>
+
+<script>
+document.getElementById("host").attachShadow({mode: 'open'}).innerHTML = `
+<style>
+@counter-style foo {
+  system: cyclic;
+  symbols: X Y Z;
+}
+
+@counter-style baz {
+  system: fixed 4;
+  symbols: G H I;
+  fallback: foo;
+}
+</style>
+
+<ol style="list-style-type: bar; list-style-position: inside">
+  <div>This list style should fallback to 'foo' in the parent tree scope</div>
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<ol style="list-style-type: baz; list-style-position: inside">
+  <div>This list style should fallback to 'foo' in the shadow tree scope</div>
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+`
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-case-sensitivity-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-case-sensitivity-ref.html
new file mode 100644
index 0000000000..96a848a792
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-case-sensitivity-ref.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<style type="text/css">
+  ol, div, p {
+    padding: 0; margin: 0;
+    line-height: 150%;
+  }
+  ol {
+    list-style-position: inside;
+  }
+  li, div, p {
+    float: left;
+  }
+  @counter-style decimal-leading-zero {
+    system: extends decimal;
+    pad: 3 '0';
+  }
+  @counter-style custom-style {
+    system: cyclic;
+    symbols: \2023;
+  }
+</style>
+
+<!-- list-style -->
+<ol><li style="list-style: hiragana inside;"></li></ol>
+<ol><li style="list-style: decimal-leading-zero inside;"></li></ol>
+<ol><li style="list-style: custom-style inside;"></li></ol>
+<ol><li style="list-style: decimal inside;"></li></ol>
+
+<!-- list-style-type -->
+<ol><li style="list-style-type: hiragana;"></li></ol>
+<ol><li style="list-style-type: decimal-leading-zero;"></li></ol>
+<ol><li style="list-style-type: custom-style;"></li></ol>
+<ol><li style="list-style-type: decimal;"></li></ol>
+
+<!-- counter() -->
+<style type="text/css">
+  #counter { counter-reset: a 1; }
+  #counter-a::before { content: counter(a, hiragana); }
+  #counter-b::before { content: counter(a, decimal-leading-zero); }
+  #counter-c::before { content: counter(a, custom-style); }
+  #counter-d::before { content: counter(a, decimal); }
+</style>
+<div id="counter">
+  <p id="counter-a"></p>
+  <p id="counter-b"></p>
+  <p id="counter-c"></p>
+  <p id="counter-d"></p>
+</div>
+
+<!-- counters() -->
+<style type="text/css">
+  #counters { counter-reset: a 1; }
+  #counters-a::before { content: counters(a, '', hiragana); }
+  #counters-b::before { content: counters(a, '', decimal-leading-zero); }
+  #counters-c::before { content: counters(a, '', custom-style); }
+  #counters-d::before { content: counters(a, '', decimal); }
+</style>
+<div id="counters">
+  <p id="counters-a"></p>
+  <p id="counters-b"></p>
+  <p id="counters-c"></p>
+  <p id="counters-d"></p>
+</div>
+
+<style type="text/css">
+  @counter-style a { system: extends hiragana; }
+  @counter-style b { system: extends decimal-leading-zero; }
+  @counter-style c { system: extends custom-style; }
+  @counter-style d { system: extends decimal; }
+</style>
+<ol><li style="list-style-type: a;"></li></ol>
+<ol><li style="list-style-type: b;"></li></ol>
+<ol><li style="list-style-type: c;"></li></ol>
+<ol><li style="list-style-type: d;"></li></ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-case-sensitivity.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-case-sensitivity.html
new file mode 100644
index 0000000000..1e478bf17e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-case-sensitivity.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: name case sensitivity</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#typedef-counter-style-name">
+<link rel="match" href="name-case-sensitivity-ref.html">
+<style type="text/css">
+  ol, div, p {
+    padding: 0; margin: 0;
+    line-height: 150%;
+  }
+  ol {
+    list-style-position: inside;
+  }
+  li, div, p {
+    float: left;
+  }
+  @counter-style decimal-leading-zero {
+    system: extends decimal;
+    pad: 3 '0';
+  }
+  @counter-style custom-style {
+    system: cyclic;
+    symbols: \2023;
+  }
+</style>
+
+<!-- list-style -->
+<ol><li style="list-style: Hiragana inside;"></li></ol>
+<ol><li style="list-style: Decimal-Leading-Zero inside;"></li></ol>
+<ol><li style="list-style: custom-style inside;"></li></ol>
+<ol><li style="list-style: Custom-Style inside;"></li></ol>
+
+<!-- list-style-type -->
+<ol><li style="list-style-type: Hiragana;"></li></ol>
+<ol><li style="list-style-type: Decimal-Leading-Zero;"></li></ol>
+<ol><li style="list-style-type: custom-style;"></li></ol>
+<ol><li style="list-style-type: Custom-Style;"></li></ol>
+
+<!-- counter() -->
+<style type="text/css">
+  #counter { counter-reset: a 1; }
+  #counter-a::before { content: counter(a, Hiragana); }
+  #counter-b::before { content: counter(a, Decimal-leading-Zero); }
+  #counter-c::before { content: counter(a, custom-style); }
+  #counter-d::before { content: counter(a, Custom-Style); }
+</style>
+<div id="counter">
+  <p id="counter-a"></p>
+  <p id="counter-b"></p>
+  <p id="counter-c"></p>
+  <p id="counter-d"></p>
+</div>
+
+<!-- counters() -->
+<style type="text/css">
+  #counters { counter-reset: a 1; }
+  #counters-a::before { content: counters(a, '', Hiragana); }
+  #counters-b::before { content: counters(a, '', Decimal-leading-Zero); }
+  #counters-c::before { content: counters(a, '', custom-style); }
+  #counters-d::before { content: counters(a, '', Custom-Style); }
+</style>
+<div id="counters">
+  <p id="counters-a"></p>
+  <p id="counters-b"></p>
+  <p id="counters-c"></p>
+  <p id="counters-d"></p>
+</div>
+
+<style type="text/css">
+  @counter-style a { system: extends HiRaGaNa; }
+  @counter-style b { system: extends Decimal-leading-ZERO; }
+  @counter-style c { system: extends custom-style; }
+  @counter-style d { system: extends Custom-Style; }
+</style>
+<ol><li style="list-style-type: a;"></li></ol>
+<ol><li style="list-style-type: b;"></li></ol>
+<ol><li style="list-style-type: c;"></li></ol>
+<ol><li style="list-style-type: d;"></li></ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-syntax.html
new file mode 100644
index 0000000000..73d3f968c1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/name-syntax.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+test_valid_name('foo');
+test_valid_name('decimal-leading-zero');
+test_valid_name('lower-alpha');
+test_valid_name('cjk-decimal');
+test_valid_name('japanese-informal');
+test_valid_name('ethiopic-numeric');
+
+test_invalid_name('');
+test_invalid_name('none');
+test_invalid_name('initial');
+test_invalid_name('inherit');
+test_invalid_name('unset');
+
+test_invalid_name('decimal');
+test_invalid_name('disc');
+test_invalid_name('square');
+test_invalid_name('circle');
+test_invalid_name('disclosure-open');
+test_invalid_name('disclosure-closed');
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/negative-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/negative-syntax.html
new file mode 100644
index 0000000000..5314201e5d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/negative-syntax.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-negative">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_negative(value) {
+  test_valid_counter_style_descriptor('negative', value);
+}
+
+function test_invalid_negative(value) {
+  test_invalid_counter_style_descriptor('negative', value);
+}
+
+// <symbol> <symbol>?
+
+test_valid_negative('"X"');
+test_valid_negative('"X" "X"');
+test_invalid_negative('"X" "X" "X"');
+
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/override-in-shadow-dom-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/override-in-shadow-dom-ref.html
new file mode 100644
index 0000000000..aa398f73a7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/override-in-shadow-dom-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
+<ol>
+  <div>D.</div>
+  <div>E.</div>
+  <div>F.</div>
+</ol>
+
+<ol>
+  <div>G.</div>
+  <div>H.</div>
+  <div>I.</div>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/override-in-shadow-dom.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/override-in-shadow-dom.html
new file mode 100644
index 0000000000..62064eb6fe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/override-in-shadow-dom.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<title>Counter style rules in shadow DOM can override rules in ancestor scopes</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="override-in-shadow-dom-ref.html">
+
+<style>
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<div id="host1"></div>
+<div id="host2"></div>
+
+<script>
+document.getElementById("host1").attachShadow({mode: 'open'}).innerHTML = `
+<style>
+@counter-style foo {
+  system: fixed;
+  symbols: D E F;
+}
+</style>
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+`;
+
+document.getElementById("host2").attachShadow({mode: 'open'}).innerHTML = `
+<style>
+@counter-style foo {
+  system: fixed;
+  symbols: G H I;
+}
+</style>
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+`;
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/pad-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/pad-syntax.html
new file mode 100644
index 0000000000..f82dd9d738
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/pad-syntax.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-pad">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_pad(value, expected) {
+  test_valid_counter_style_descriptor('pad', value, expected);
+}
+
+function test_invalid_pad(value) {
+  test_invalid_counter_style_descriptor('pad', value);
+}
+
+// <integer [0,∞]> && <symbol>
+
+test_invalid_pad('10');
+test_invalid_pad('"X"');
+test_valid_pad('0 "X"');
+test_valid_pad('10 "X"');
+test_valid_pad('"X" 10', '10 "X"');
+test_invalid_pad('-1 "X"');
+test_invalid_pad('"X" -1');
+test_invalid_pad('10 "X" "Y"');
+test_invalid_pad('10 10 "X"');
+
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/prefix-suffix-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/prefix-suffix-syntax.html
new file mode 100644
index 0000000000..4f53b9afe6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/prefix-suffix-syntax.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-prefix">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_prefix_suffix(value, expected) {
+  test_valid_counter_style_descriptor('prefix', value, expected);
+  test_valid_counter_style_descriptor('suffix', value, expected);
+}
+
+function test_invalid_prefix_suffix(value) {
+  test_invalid_counter_style_descriptor('prefix', value);
+  test_invalid_counter_style_descriptor('suffix', value);
+}
+
+// <symbol>
+// <symbol> = <string> | <image> | <custom-ident>
+
+// string values
+test_valid_prefix_suffix('"string"');
+test_valid_prefix_suffix('"initial"');
+test_valid_prefix_suffix('"inherit"');
+test_valid_prefix_suffix('"unset"');
+
+// custom-ident values
+test_valid_prefix_suffix('custom-ident')
+test_invalid_prefix_suffix('initial');
+test_invalid_prefix_suffix('inherit');
+test_invalid_prefix_suffix('unset');
+
+// image values
+test_valid_prefix_suffix('url("https://example.com/foo.png")');
+test_valid_prefix_suffix('url(https://example.com/foo.png)', 'url("https://example.com/foo.png")');
+test_valid_prefix_suffix('linear-gradient(yellow, blue)');
+
+// Must be exactly one symbol
+test_invalid_prefix_suffix('');
+test_invalid_prefix_suffix('foo bar');
+
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/range-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/range-syntax.html
new file mode 100644
index 0000000000..26cea66a0e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/range-syntax.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-range">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_range(value) {
+  test_valid_counter_style_descriptor('range', value);
+}
+
+function test_invalid_range(value) {
+  test_invalid_counter_style_descriptor('range', value);
+}
+
+// [ <integer> | infinite ]{2} ]# | auto
+
+test_valid_range('auto');
+
+test_valid_range('infinite infinite');
+test_valid_range('infinite 0');
+test_valid_range('0 infinite');
+
+test_valid_range('infinite 0, 5 10, 100 infinite');
+test_valid_range('infinite 10, 5 20, 15 infinite');
+
+test_invalid_range('');
+test_invalid_range('0 -1');
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-attr-mapping-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-attr-mapping-ref.html
new file mode 100644
index 0000000000..385efdf018
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-attr-mapping-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  .circle { list-style-type: circle; }
+  .square { list-style-type: square; }
+  .hiragana { list-style-type: hiragana; }
+  .katakana { list-style-type: katakana; }
+  .hiragana-iroha { list-style-type: hiragana-iroha; }
+  .katakana-iroha { list-style-type: katakana-iroha; }
+  ::marker { font-family: inherit; }
+</style>
+<ul class="circle"><li></ul>
+<ul class="square"><li></ul>
+
+<ol><li></ol>
+<ol class="hiragana"><li></ol>
+<ol class="katakana"><li></ol>
+<ol class="hiragana-iroha"><li></ol>
+<ol class="katakana-iroha"><li></ol>
+
+<ul>
+  <li class="circle">
+  <li class="square">
+  <li class="hiragana">
+  <li class="katakana">
+  <li class="hiragana-iroha">
+  <li class="katakana-iroha">
+</ul>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-attr-mapping.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-attr-mapping.html
new file mode 100644
index 0000000000..1656f9f33e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-attr-mapping.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: redefine attr mapping</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="match" href="redefine-attr-mapping-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style triangle {
+    system: cyclic;
+    symbols: \2023;
+    suffix: "";
+  }
+  @counter-style circle {
+    system: extends triangle;
+  }
+  @counter-style square {
+    system: extends triangle;
+  }
+  @counter-style lower-roman {
+    system: extends hiragana;
+  }
+  @counter-style upper-roman {
+    system: extends katakana;
+  }
+  @counter-style lower-alpha {
+    system: extends hiragana-iroha;
+  }
+  @counter-style upper-alpha {
+    system: extends katakana-iroha;
+  }
+  ::marker { font-family: inherit; }
+</style>
+<ul type="circle"><li></ul>
+<ul type="square"><li></ul>
+
+<ol><li></ol>
+<ol type="i"><li></ol>
+<ol type="I"><li></ol>
+<ol type="a"><li></ol>
+<ol type="A"><li></ol>
+
+<ul>
+  <li type="circle">
+  <li type="square">
+  <li type="i">
+  <li type="I">
+  <li type="a">
+  <li type="A">
+</ul>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-builtin-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-builtin-ref.html
new file mode 100644
index 0000000000..1d32dacacf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-builtin-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<ol>
+  <li style="list-style-type: none">foo
+  <li style="list-style-type: decimal">bar
+  <li style="list-style-type: disc">baz
+  <li style="list-style-type: cjk-decimal">
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-builtin.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-builtin.html
new file mode 100644
index 0000000000..af90fcab8c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/redefine-builtin.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: redefine builtin</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="match" href="redefine-builtin-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style none {
+    system: extends lower-roman;
+  }
+  @counter-style decimal {
+    system: extends upper-roman;
+  }
+  @counter-style disc {
+    system: extends decimal;
+  }
+  @counter-style hebrew {
+    system: extends cjk-decimal;
+  }
+</style>
+<ol>
+  <li style="list-style-type: none">foo
+  <li style="list-style-type: decimal">bar
+  <li style="list-style-type: disc">baz
+  <li style="list-style-type: hebrew">
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/shadow-dom-part-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/shadow-dom-part-ref.html
new file mode 100644
index 0000000000..7f1af75320
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/shadow-dom-part-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/shadow-dom-part.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/shadow-dom-part.html
new file mode 100644
index 0000000000..cc43eee8ef
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/shadow-dom-part.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>Counter style tree-scoped references</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule">
+<link rel="help" href="https://drafts.csswg.org/css-scoping/#shadow-names">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="shadow-dom-part-ref.html">
+<meta name="assert" content="The list in the shadow tree should use the counter style defined in the outer document, because it's styled by the outer document">
+
+<style>
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+#host::part(list) {
+  list-style-type: foo;
+}
+</style>
+
+<div id="host"></div>
+
+<script>
+document.getElementById("host").attachShadow({mode: 'open'}).innerHTML = `
+<style>
+@counter-style foo {
+  system: fixed;
+  symbols: D E F;
+}
+</style>
+<ol part="list" style="list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+`;
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/speak-as-manual.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/speak-as-manual.html
new file mode 100644
index 0000000000..50f35ec142
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/speak-as-manual.html
@@ -0,0 +1,186 @@
+<!doctype html>
+<title>CSS counter style accessibility test</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#counter-style-speak-as">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<p>
+  This is a manual test. To run the tests, open the browser's developer tools
+  and navigate to the Accessibility pane (may need to activate it in Settings),
+  or use an OS-level accessibility inspector, and verify that the accessible
+  name of the list markers matches the text in the list items (excluding
+  quotation marks).
+
+  <br><br>
+
+  The following issue discusses ways to automate these tests:
+
+  <br><br>
+
+  https://github.com/web-platform-tests/wpt/issues/8355
+</p>
+<style>
+  @counter-style base {
+    system: cyclic;
+    symbols: 'One' 'Two' 'Three';
+    suffix: '. ';
+  }
+
+  @counter-style explicit-bullets {
+    system: extends base;
+    speak-as: bullets;
+  }
+  @counter-style explicit-numbers {
+    system: extends base;
+    speak-as: numbers;
+  }
+  @counter-style explicit-words {
+    system: extends base;
+    speak-as: words;
+  }
+
+  @counter-style auto-alphabetic {
+    system: alphabetic;
+    symbols: 'One' 'Two' 'Three';
+    suffix: '. ';
+    speak-as: auto;
+  }
+  @counter-style auto-cyclic {
+    system: cyclic;
+    symbols: 'One' 'Two' 'Three';
+    suffix: '. ';
+    speak-as: auto;
+  }
+  @counter-style auto-extends {
+    system: extends base;
+    speak-as: auto;
+  }
+  @counter-style auto-fixed {
+    system: fixed;
+    symbols: 'One' 'Two' 'Three';
+    suffix: '. ';
+    speak-as: auto;
+  }
+  @counter-style auto-symbolic {
+    system: symbolic;
+    symbols: 'One' 'Two' 'Three';
+    suffix: '. ';
+    speak-as: auto;
+  }
+  @counter-style auto-numeric {
+    system: numeric;
+    symbols: 'Zero' 'One' 'Two' 'Three';
+    suffix: '. ';
+    speak-as: auto;
+  }
+  @counter-style auto-additive {
+    system: additive;
+    additive-symbols: 3 'Three', 2 'Two', 1 'One';
+    suffix: '. ';
+    speak-as: auto;
+  }
+
+  @counter-style reference-bullets {
+    system: fixed;
+    symbols: 'Yi' 'Er' 'San';
+    suffix: '> ';
+    speak-as: explicit-bullets;
+  }
+  @counter-style reference-numbers {
+    system: fixed;
+    symbols: 'Yi' 'Er' 'San';
+    suffix: '> ';
+    speak-as: explicit-numbers;
+  }
+  @counter-style reference-words {
+    system: fixed;
+    symbols: 'Yi' 'Er' 'San';
+    suffix: '> ';
+    speak-as: explicit-words;
+  }
+
+</style>
+<body>
+  <ul style="list-style-type: disc">
+    <li>"&#x2022; "</li>
+  </ul>
+  <ul style="list-style-type: circle">
+    <li>"&#x25E6; "</li>
+  </ul>
+  <ul style="list-style-type: square">
+    <li>"&#x25FE; "</li>
+  </ul>
+  <ul style="list-style-type: disclosure-open">
+    <li>"&#x25BE; "</li>
+  </ul>
+  <ul style="list-style-type: disclosure-closed">
+    <li>"&#x25B8; "</li>
+  </ul>
+
+  <ul style="list-style-type: explicit-bullets">
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+  </ul>
+  <ul style="list-style-type: explicit-numbers">
+    <li>"1. "</li>
+    <li>"2. "</li>
+    <li>"3. "</li>
+  </ul>
+  <ul style="list-style-type: explicit-words">
+    <li>"One. "</li>
+    <li>"Two. "</li>
+    <li>"Three. "</li>
+  </ul>
+
+  <ul style="list-style-type: auto-alphabetic">
+    <li>"One. "</li>
+    <li>"Two. "</li>
+    <li>"Three. "</li>
+  </ul>
+  <ul style="list-style-type: auto-cyclic">
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+  </ul>
+  <ul style="list-style-type: auto-extends">
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+  </ul>
+  <ul style="list-style-type: auto-fixed">
+    <li>"1. "</li>
+    <li>"2. "</li>
+    <li>"3. "</li>
+  </ul>
+  <ul style="list-style-type: auto-symbolic">
+    <li>"1. "</li>
+    <li>"2. "</li>
+    <li>"3. "</li>
+  </ul>
+  <ul style="list-style-type: auto-numeric">
+    <li>"1. "</li>
+    <li>"2. "</li>
+    <li>"3. "</li>
+  </ul>
+  <ul style="list-style-type: auto-additive">
+    <li>"1. "</li>
+    <li>"2. "</li>
+    <li>"3. "</li>
+  </ul>
+
+  <ul style="list-style-type: reference-bullets">
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+    <li>"&#x2022; "</li>
+  </ul>
+  <ul style="list-style-type: reference-numbers">
+    <li>"1&gt; "</li>
+    <li>"2&gt; "</li>
+    <li>"3&gt; "</li>
+  </ul>
+  <ul style="list-style-type: reference-words">
+    <li>"One&gt; "</li>
+    <li>"Two&gt; "</li>
+    <li>"Three&gt; "</li>
+  </ul>
+
+</body>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/speak-as-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/speak-as-syntax.html
new file mode 100644
index 0000000000..f67896633f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/speak-as-syntax.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-speak_as">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_speak_as(value) {
+  test_valid_counter_style_descriptor('speak-as', value);
+}
+
+function test_invalid_speak_as(value) {
+  test_invalid_counter_style_descriptor('speak-as', value);
+}
+
+// auto | bullets | numbers | words | spell-out | <counter-style-name>
+
+test_valid_speak_as('auto');
+test_valid_speak_as('bullets');
+test_valid_speak_as('numbers');
+test_valid_speak_as('words');
+test_valid_speak_as('spell-out');
+
+test_valid_speak_as('bar');
+test_valid_speak_as('spellout'); // 'spellout' is a valid counter style name
+
+test_invalid_speak_as('bullets numbers');
+
+// The following are not valid counter style names
+test_invalid_speak_as('none');
+test_invalid_speak_as('initial');
+test_invalid_speak_as('inherit');
+test_invalid_speak_as('unset');
+
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/counter-style-testcommon.js b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/counter-style-testcommon.js
new file mode 100644
index 0000000000..a3615e92ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/counter-style-testcommon.js
@@ -0,0 +1,83 @@
+function test_counter_style_descriptor(descriptor, value, expected) {
+  let descriptors = [];
+  descriptors.push(`${descriptor}: ${value}`);
+
+  // Fill out the remaining necessary descriptors
+  if (descriptor === 'system') {
+    if (value === 'additive')
+      descriptors.push('additive-symbols: 1 "I"');
+    else if (!value.startsWith('extends'))
+      descriptors.push('symbols: "X" "Y"');
+  } else if (descriptor === 'symbols') {
+    descriptors.push('system: symbolic');
+  } else if (descriptor === 'additive-symbols') {
+    descriptors.push('system: additive');
+  } else {
+    descriptors.push('system: symbolic');
+    descriptors.push('symbols: "X" "Y"');
+  }
+
+  let style = document.createElement('style');
+  style.textContent = `@counter-style foo { ${descriptors.join(';')} }`;
+  document.head.appendChild(style);
+
+  test(() => {
+    let rule = style.sheet.cssRules[0];
+    // TODO: The spec is inconsistent on when the entire rule is invalid
+    // (and hence absent from OM), and when only the descriptor is invalid.
+    // Revise when spec issue is resolved.
+    // See https://github.com/w3c/csswg-drafts/issues/5717
+    if (!rule) {
+      assert_equals(expected, undefined);
+      return;
+    }
+
+    assert_equals(rule.constructor.name, 'CSSCounterStyleRule');
+
+    let text = rule.cssText;
+    if (expected)
+      assert_not_equals(text.indexOf(`${descriptor}: ${expected}`), -1);
+    else
+      assert_equals(text.indexOf(`${descriptor}:`), -1);
+  }, `@counter-style '${descriptor}: ${value}' is ${expected ? 'valid' : 'invalid'}`);
+
+  style.remove();
+}
+
+function test_valid_counter_style_descriptor(descriptor, value, expected) {
+  expected = expected || value;
+  test_counter_style_descriptor(descriptor, value, expected);
+}
+
+function test_invalid_counter_style_descriptor(descriptor, value) {
+  test_counter_style_descriptor(descriptor, value, undefined);
+}
+
+function test_counter_style_name(name, isValid) {
+  let style = document.createElement('style');
+  style.textContent = `@counter-style ${name} { system: symbolic; symbols: 'X' 'Y'; }`;
+  document.head.appendChild(style);
+
+  test(() => {
+    let rule = style.sheet.cssRules[0];
+    if (!isValid) {
+      assert_equals(rule, undefined);
+      return;
+    }
+
+    assert_not_equals(rule, undefined);
+    assert_equals(rule.constructor.name, 'CSSCounterStyleRule');
+    assert_equals(rule.name, name);
+  }, `@counter-style name ${name} is ${isValid ? 'valid' : 'invalid'}`);
+
+  style.remove();
+}
+
+function test_valid_name(name) {
+  test_counter_style_name(name, true);
+}
+
+function test_invalid_name(name) {
+  test_counter_style_name(name, false);
+}
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/ref-common.css b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/ref-common.css
new file mode 100644
index 0000000000..10da2b7920
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/ref-common.css
@@ -0,0 +1,11 @@
+body {
+  /* to match ua.css, see bug 1020143 */
+  font-variant-numeric: tabular-nums;
+}
+div, p {
+  padding: 0; margin: 0;
+  line-height: 150%;
+}
+p {
+  padding-right: .5em;
+}
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/test-common.css b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/test-common.css
new file mode 100644
index 0000000000..776105f11a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/support/test-common.css
@@ -0,0 +1,21 @@
+body {
+  /* to match ua.css, see bug 1020143 */
+  font-variant-numeric: tabular-nums;
+}
+ol, ul, section, p {
+  padding: 0; margin: 0;
+  line-height: 150%;
+}
+ol, ul {
+  list-style-position: inside;
+}
+li, p {
+  padding: 0;
+}
+p {
+  padding-right: .5em;
+}
+li::marker {
+  /* Blink workaround of https://bugzilla.mozilla.org/show_bug.cgi?id=1688769 */
+  white-space: pre;
+}
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-invalid-ref.html
new file mode 100644
index 0000000000..e07de5f1f9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-invalid-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  .invalid {
+    list-style-type: lower-greek;
+  }
+</style>
+<ol start="-2" class="invalid">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-invalid.html
new file mode 100644
index 0000000000..35aa832587
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#symbols-function">
+<link rel="match" href="symbols-function-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  .invalid {
+    list-style-type: lower-greek;
+    list-style-type: symbols(a b c);
+    list-style-type: symbols(alphabetic a b c);
+    list-style-type: symbols(numeric 0 1 2);
+    list-style-type: symbols(additive 'a' 'b');
+    list-style-type: symbols(fixed);
+    list-style-type: symbols(alphabetic 'a');
+    list-style-type: symbols(numeric '0');
+  }
+</style>
+<ol start="-2" class="invalid">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-ref.html
new file mode 100644
index 0000000000..d2291bd1ef
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style cyclic {
+    system: cyclic;
+    symbols: '*' '\2020' '\2021' '\A7';
+    suffix: ' ';
+  }
+  @counter-style numeric {
+    system: numeric;
+    symbols: '0' '1' '2';
+    suffix: ' ';
+  }
+  @counter-style alphabetic {
+    system: alphabetic;
+    symbols: '\26AA' '\26AB';
+    suffix: ' ';
+  }
+  @counter-style symbolic {
+    system: symbolic;
+    symbols: '*' '\2020' '\2021' '\A7';
+    suffix: ' ';
+  }
+  @counter-style fixed {
+    system: fixed;
+    symbols: '\25F0' '\25F1' '\25F2' '\25F3';
+    suffix: ' ';
+  }
+  @counter-style counter {
+    symbols: '*';
+  }
+  @counter-style counters {
+    system: numeric;
+    symbols: '0' '1';
+  }
+  .counter { counter-reset: a; }
+  .counter p { counter-increment: a 1; }
+  .counter p::after {
+    content: counter(a, counter);
+  }
+  .counter, .counters {
+    list-style-type: none;
+    counter-reset: a;
+  }
+  .counter li, .counters li {
+    counter-increment: a;
+    padding-right: .5em;
+  }
+  .counter li::after {
+    content: counter(a, counter);
+  }
+  .counters .counters li::after {
+    content: counters(a, '.', counters);
+  }
+</style>
+<ol start="-2" style="list-style-type: symbolic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: cyclic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: numeric">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: alphabetic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: symbolic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: fixed">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol class="counter">
+  <li><li><li><li><li>
+</ol>
+<ol class="counters">
+  <li><ol class="counters"><li><li><li><li><li></ol></li>
+  <li><ol class="counters"><li><li><li><li><li></ol></li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function.html
new file mode 100644
index 0000000000..9f129582ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-function.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: symbols function</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#symbols-function">
+<link rel="match" href="symbols-function-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  .default {
+    list-style-type: symbols('*' '\2020' '\2021' '\A7');
+  }
+  .cyclic {
+    list-style-type: symbols(cyclic '*' '\2020' '\2021' '\A7');
+  }
+  .numeric {
+    list-style-type: symbols(numeric '0' '1' '2');
+  }
+  .alphabetic {
+    list-style-type: symbols(alphabetic '\26AA' '\26AB');
+  }
+  .symbolic {
+    list-style-type: symbols(symbolic '*' '\2020' '\2021' '\A7');
+  }
+  .fixed {
+    list-style-type: symbols(fixed '\25F0' '\25F1' '\25F2' '\25F3');
+  }
+  .counter, .counters {
+    list-style-type: none;
+    counter-reset: a;
+  }
+  .counter li, .counters li {
+    counter-increment: a;
+    padding-right: .5em;
+  }
+  .counter li::after {
+    content: counter(a, symbols('*'));
+  }
+  .counters .counters li::after {
+    content: counters(a, '.', symbols(numeric '0' '1'));
+  }
+</style>
+<ol start="-2" class="default">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" class="cyclic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" class="numeric">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" class="alphabetic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" class="symbolic">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" class="fixed">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol class="counter">
+  <li><li><li><li><li>
+</ol>
+<ol class="counters">
+  <li><ol class="counters"><li><li><li><li><li></ol></li>
+  <li><ol class="counters"><li><li><li><li><li></ol></li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-syntax.html
new file mode 100644
index 0000000000..df0824d6d7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/symbols-syntax.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_symbols(value, expected) {
+  test_valid_counter_style_descriptor('symbols', value, expected);
+}
+
+function test_invalid_symbols(value) {
+  test_invalid_counter_style_descriptor('symbols', value);
+}
+
+// <symbol>+
+
+test_valid_symbols('"X"');
+test_valid_symbols('"X" "X"');
+test_valid_symbols('ident "X"');
+test_valid_symbols('ident "X" url("foo.jpg")');
+
+test_invalid_symbols('');
+test_invalid_symbols('initial "X" "X"');
+test_invalid_symbols('inherit "X" "X"');
+test_invalid_symbols('unset "X" "X"');
+test_invalid_symbols('default "X"');
+test_invalid_symbols('revert "X"');
+test_invalid_symbols('revert-layer "X"');
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive-invalid.html
new file mode 100644
index 0000000000..1a8f94c041
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive-invalid.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system additive, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#additive-system">
+<link rel="match" href="system-common-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: additive;
+    suffix: ":";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive-ref.html
new file mode 100644
index 0000000000..b45ab5fcec
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>-2</div>
+<div>-1</div>
+<div>0</div>
+<div>&#x2680;</div>
+<div>&#x2681;</div>
+<div>&#x2682;</div>
+<div>&#x2683;</div>
+<div>&#x2684;</div>
+<div>&#x2685;</div>
+<div>&#x2685;&#x2680;</div>
+<div>&#x2685;&#x2683;</div>
+<div>&#x2685;&#x2684;</div>
+<div>&#x2685;&#x2685;</div>
+<div>&#x2685;&#x2685;&#x2680;</div>
+<div><script type="text/javascript">
+  document.write(Array(61).join('&#x2685;'));
+</script></div>
+<!-- list-style-type: b -->
+<div>-2</div>
+<div>-1</div>
+<div>&#x2637;</div>
+<div>&#x2636;</div>
+<div>&#x2635;</div>
+<!-- list-style-type: c -->
+<div>1.&nbsp;</div>
+<div>b.&nbsp;</div>
+<div>a.&nbsp;</div>
+<div>4.&nbsp;</div>
+<div>ab.&nbsp;</div>
+<!-- list-style-type: d -->
+<div><script type="text/javascript">
+  document.write(Array(61).join('&#x10300;'));
+</script>.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive.html
new file mode 100644
index 0000000000..74568bccd1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-additive.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system additive</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#additive-system">
+<link rel="match" href="system-additive-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: additive;
+    additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680;
+    suffix: "";
+  }
+  @counter-style b {
+    system: additive;
+    additive-symbols: 7 \2630, 6 \2631, 5 \2632, 4 \2633, 3 \2634, 2 \2635, 1 \2636, 0 \2637;
+    suffix: "";
+  }
+  @counter-style c {
+    system: additive;
+    additive-symbols: 3 "a", 2 "b";
+  }
+  @counter-style d {
+    system: additive;
+    additive-symbols: 1 \10300;
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+  <li value="10"><li><li><li>
+  <li value="360"><!-- 60 code points -->
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li><li><li><li><li>
+</ol>
+<ol style="list-style-type: c">
+  <li><li><li><li><li>
+</ol>
+<ol style="list-style-type: d">
+  <li value="60"><!-- 60 code points -->
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic-invalid.html
new file mode 100644
index 0000000000..c0f8ae926d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic-invalid.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system alphabetic, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#alphabetic-system">
+<link rel="match" href="system-common-invalid2-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: alphabetic;
+    suffix: ":";
+  }
+  @counter-style b {
+    system: alphabetic;
+    symbols: A;
+    suffix: ":";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic-ref.html
new file mode 100644
index 0000000000..331d96ea4c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>-2</div>
+<div>-1</div>
+<div>0</div>
+<div>&#x26AA;</div>
+<div>&#x26AB;</div>
+<div>&#x26AA;&#x26AA;</div>
+<div>&#x26AA;&#x26AB;</div>
+<div>&#x26AB;&#x26AA;</div>
+<div>&#x26AB;&#x26AB;</div>
+<div>&#x26AA;&#x26AA;&#x26AA;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic.html
new file mode 100644
index 0000000000..9447eaf940
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-alphabetic.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system alphabetic</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#alphabetic-system">
+<link rel="match" href="system-alphabetic-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: alphabetic;
+    symbols: \26AA  \26AB;
+    suffix: '';
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-common-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-common-invalid-ref.html
new file mode 100644
index 0000000000..0b91fd4ccf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-common-invalid-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<ol start="-2" style="list-style-type: decimal">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-common-invalid2-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-common-invalid2-ref.html
new file mode 100644
index 0000000000..c0292b7d54
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-common-invalid2-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<ol start="-2" style="list-style-type: decimal">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
+<ol start="-2" style="list-style-type: decimal">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic-invalid.html
new file mode 100644
index 0000000000..602df64451
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic-invalid.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system cyclic, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#cyclic-system">
+<link rel="match" href="system-common-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: cyclic;
+    suffix: ":";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic-ref.html
new file mode 100644
index 0000000000..11ff5f96a4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>&#x2023;</div>
+<div>&#x2023;</div>
+<div>&#x2023;</div>
+<div>&#x2023;</div>
+<div>&#x2023;</div>
+<!-- list-style-type: b -->
+<div>&#x2021;</div>
+<div>&#x2020;</div>
+<div>&#x2021;</div>
+<div>&#x2020;</div>
+<div>&#x2021;</div>
+<!-- list-style-type: c -->
+<div>&#x2021;</div>
+<div>&#x2022;</div>
+<div>&#x2023;</div>
+<div>&#x2021;</div>
+<div>&#x2022;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic.html
new file mode 100644
index 0000000000..4244610d00
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-cyclic.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system cyclic</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#cyclic-system">
+<link rel="match" href="system-cyclic-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: cyclic;
+    symbols: \2023;
+    suffix: "";
+  }
+  @counter-style b {
+    system: cyclic;
+    symbols: \2020  \2021;
+    suffix: "";
+  }
+  @counter-style c {
+    system: cyclic;
+    symbols: \2021  \2022  \2023;
+    suffix: "";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: c">
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-fixed-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-fixed-ref.html
new file mode 100644
index 0000000000..db693cf3d1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-fixed-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system extends fixed</title>
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+      system: fixed 3;
+      symbols: "Y" "E" "S";
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li><li><li><li>
+</ol>
+<br>
+<ol style="list-style-type: a">
+  <li><li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-fixed.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-fixed.html
new file mode 100644
index 0000000000..7721be7c42
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-fixed.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system extends fixed</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
+<link rel="match" href="system-extends-fixed-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+      system: fixed 3;
+      symbols: "Y" "E" "S";
+  }
+  @counter-style b {
+      system: extends a;
+  }
+</style>
+<ol style="list-style-type: a">
+  <li><li><li><li><li><li>
+</ol>
+<br>
+<ol style="list-style-type: b">
+  <li><li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-invalid-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-invalid-ref.html
new file mode 100644
index 0000000000..3360e90f7e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-invalid-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/test-common.css">
+<link rel="stylesheet" href="support/ref-common.css">
+<style type="text/css">
+  ol {
+    list-style: decimal inside;
+  }
+</style>
+<div>a1b</div>
+<div>2b</div>
+<div>c3.&nbsp;</div>
+<div>d4.&nbsp;</div>
+<div>e5.&nbsp;</div>
+<ol start="6">
+  <li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-invalid.html
new file mode 100644
index 0000000000..446fe45e56
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-invalid.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system extends, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
+<link rel="match" href="system-extends-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends b;
+    prefix: a;
+  }
+  @counter-style b {
+    system: extends c;
+    suffix: b;
+  }
+  @counter-style c {
+    system: extends b;
+    pad: 2 c;
+  }
+  @counter-style d {
+    system: extends d;
+    prefix: d;
+  }
+  @counter-style e {
+    system: extends unknown;
+    prefix: e;
+  }
+  @counter-style f {
+    system: extends decimal;
+    symbols: a;
+  }
+  @counter-style g {
+    system: extends decimal;
+    additive-symbols: 1 a;
+  }
+</style>
+<ol>
+  <li style="list-style-type: a;">
+  <li style="list-style-type: b;">
+  <li style="list-style-type: c;">
+  <li style="list-style-type: d;">
+  <li style="list-style-type: e;">
+  <li style="list-style-type: f;">foo
+  <li style="list-style-type: g;">bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-ref.html
new file mode 100644
index 0000000000..c988310c25
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>Chapter -2.&nbsp;</div>
+<div>Chapter -1.&nbsp;</div>
+<div>Chapter 0.&nbsp;</div>
+<div>Chapter I.&nbsp;</div>
+<div>Chapter II.&nbsp;</div>
+<div>Chapter III.&nbsp;</div>
+<div>Chapter IV.&nbsp;</div>
+<div>Chapter V.&nbsp;</div>
+<div>Chapter 6.&nbsp;</div>
+<div>Chapter 7.&nbsp;</div>
+<!-- list-style-type: b -->
+<div>Section -2.&nbsp;</div>
+<div>Section -1.&nbsp;</div>
+<div>Section 0.&nbsp;</div>
+<div>Section I.&nbsp;</div>
+<div>Section II.&nbsp;</div>
+<div>Section III.&nbsp;</div>
+<div>Section IV.&nbsp;</div>
+<div>Section V.&nbsp;</div>
+<div>Section VI.&nbsp;</div>
+<div>Section 7.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends.html
new file mode 100644
index 0000000000..287930d0f6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-extends.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system extends</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
+<link rel="match" href="system-extends-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: extends upper-roman;
+    prefix: "Chapter ";
+    range: 1 5;
+  }
+  @counter-style b {
+    system: extends a;
+    prefix: "Section ";
+    range: 1 6;
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed-invalid.html
new file mode 100644
index 0000000000..b12b786bf3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system fixed, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#fixed-system">
+<link rel="match" href="system-common-invalid2-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: fixed;
+    suffix: ":";
+  }
+  @counter-style b {
+    system: fixed invalid;
+    suffix: ":";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed-ref.html
new file mode 100644
index 0000000000..0de7bb8368
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>-2:</div>
+<div>-1:</div>
+<div>0:</div>
+<div>&#x25F0;:</div>
+<div>&#x25F1;:</div>
+<div>&#x25F2;:</div>
+<div>&#x25F3;:</div>
+<div>5:</div>
+<div>6:</div>
+<div>7:</div>
+<!-- list-style-type: b -->
+<div>-2:</div>
+<div>&#x25F4;:</div>
+<div>&#x25F5;:</div>
+<div>&#x25F6;:</div>
+<div>&#x25F7;:</div>
+<div>3:</div>
+<div>4:</div>
+<div>5:</div>
+<div>6:</div>
+<div>7:</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed.html
new file mode 100644
index 0000000000..900c95297e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-fixed.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system fixed</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#fixed-system">
+<link rel="match" href="system-fixed-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: fixed;
+    symbols: \25F0  \25F1  \25F2  \25F3;
+    suffix: ':';
+  }
+  @counter-style b {
+    system: fixed -1;
+    symbols: \25F4  \25F5  \25F6  \25F7;
+    suffix: ':';
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric-invalid.html
new file mode 100644
index 0000000000..064da8eec7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric-invalid.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system numeric, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#numeric-system">
+<link rel="match" href="system-common-invalid2-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: numeric;
+    suffix: ":";
+  }
+  @counter-style b {
+    system: numeric;
+    symbols: A;
+    suffix: ":";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
+<ol start="-2" style="list-style-type: b">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric-ref.html
new file mode 100644
index 0000000000..c7e70d6f3a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<div>-11.&nbsp;</div>
+<div>-10.&nbsp;</div>
+<div>-2.&nbsp;</div>
+<div>-1.&nbsp;</div>
+<div>0.&nbsp;</div>
+<div>1.&nbsp;</div>
+<div>2.&nbsp;</div>
+<div>10.&nbsp;</div>
+<div>11.&nbsp;</div>
+<div>12.&nbsp;</div>
+<div>10201.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric.html
new file mode 100644
index 0000000000..b5be591368
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-numeric.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system numeric</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#numeric-system">
+<link rel="match" href="system-numeric-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: numeric;
+    symbols: '0' '1' '2';
+  }
+</style>
+<ol start="-4" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+  <li value="100">
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic-invalid.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic-invalid.html
new file mode 100644
index 0000000000..1c0fac4ee8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic-invalid.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system symbolic, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#symbolic-system">
+<link rel="match" href="system-common-invalid-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    system: symbolic;
+    suffix: ":";
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li>foo<li>bar<li>foo<li>bar
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic-ref.html
new file mode 100644
index 0000000000..7229c895ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference: symbols function, invalid</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="stylesheet" href="support/ref-common.css">
+<!-- list-style-type: a -->
+<div>-2</div>
+<div>-1</div>
+<div>0</div>
+<div>*</div>
+<div>&#x2051;</div>
+<div>&#x2020;</div>
+<div>&#x2021;</div>
+<div>**</div>
+<div>&#x2051;&#x2051;</div>
+<div>&#x2020;&#x2020;</div>
+<div><script type="text/javascript">
+  document.write(Array(61).join('&#x2021;'));
+</script></div>
+<!-- list-style-type: b -->
+<div><script type="text/javascript">
+  document.write(Array(61).join('&#x10300;'));
+</script>.&nbsp;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic.html
new file mode 100644
index 0000000000..a3ab8b1a98
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-symbolic.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: system symbolic</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#symbolic-system">
+<link rel="match" href="system-symbolic-ref.html">
+<link rel="stylesheet" href="support/test-common.css">
+<style type="text/css">
+  @counter-style a {
+    /* system: symbolic; */
+    symbols: '*' \2051  \2020  \2021;
+    suffix: '';
+  }
+  @counter-style b {
+    symbols: \10300;
+  }
+</style>
+<ol start="-2" style="list-style-type: a">
+  <li><li><li><li><li>
+  <li><li><li><li><li>
+  <li value="240"><!-- 60 code points -->
+</ol>
+<ol style="list-style-type: b">
+  <li value="60"><!-- 60 code points -->
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-syntax.html b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-syntax.html
new file mode 100644
index 0000000000..be593c436b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/system-syntax.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-system">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="support/counter-style-testcommon.js"></script>
+<script>
+function test_valid_system(value) {
+  test_valid_counter_style_descriptor('system', value);
+}
+
+function test_invalid_system(value) {
+  test_invalid_counter_style_descriptor('system', value);
+}
+
+// cyclic | numeric | alphabetic | symbolic | additive |
+// [fixed <integer>?] | [ extends <counter-style-name> ]
+
+test_valid_system('cyclic');
+test_valid_system('fixed');
+test_valid_system('fixed 100');
+test_valid_system('fixed -1');
+test_valid_system('symbolic');
+test_valid_system('alphabetic');
+test_valid_system('numeric');
+test_valid_system('additive');
+test_valid_system('extends bar');
+
+test_invalid_system('float');
+test_invalid_system('cyclic cyclic');
+
+// The following are not valid counter style names
+test_invalid_system('extends none');
+test_invalid_system('extends initial');
+test_invalid_system('extends inherit');
+test_invalid_system('extends unset');
+
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-suffix-ref.html b/testing/web-platform/tests/css/css-counter-styles/counter-suffix-ref.html
new file mode 100644
index 0000000000..bcc760a7d3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-suffix-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<style>
+  p, span { margin: 0; padding: 0; line-height: 150%; }
+  #wrapper { width: 10em; }
+  span {
+    display: inline-block;
+    width: 3em;
+    text-align: end;
+    box-sizing: border-box;
+    font-variant-numeric: tabular-nums;
+  }
+</style>
+<div id="wrapper">
+  <p>
+    <span>1.&nbsp;</span>foo<br>
+    <span>2.&nbsp;</span>bar
+  </p>
+  <p>
+    <span>&#x5d0;.&nbsp;</span>foo<br>
+    <span>&#x5d1;.&nbsp;</span>bar
+  </p>
+  <p>
+    <span>&#x4e00;&#x3001;</span>foo<br>
+    <span>&#x4e8c;&#x3001;</span>bar
+  </p>
+  <p>
+    <span>&#xc77c;,&nbsp;</span>foo<br>
+    <span>&#xc774;,&nbsp;</span>bar
+  </p>
+  <p dir="rtl">
+    <span>1.&nbsp;</span>foo<br>
+    <span>2.&nbsp;</span>bar
+  </p>
+  <p dir="rtl">
+    <span>&#x5d0;.&nbsp;</span>foo<br>
+    <span>&#x5d1;.&nbsp;</span>bar
+  </p>
+</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/counter-suffix.html b/testing/web-platform/tests/css/css-counter-styles/counter-suffix.html
new file mode 100644
index 0000000000..3624530437
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/counter-suffix.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<link rel="match" href="counter-suffix-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/"/>
+<style>
+  ol, li { margin: 0; padding: 0; line-height: 150%; }
+  #wrapper { width: 10em; }
+  ol { padding: 0 3em; }
+  .dec { list-style-type: decimal; }
+  .heb { list-style-type: hebrew; }
+  .cjk { list-style-type: cjk-decimal; }
+  .kor { list-style-type: korean-hangul-formal; }
+</style>
+<div id="wrapper">
+  <ol class="dec"><li>foo<li>bar</ol>
+  <ol class="heb"><li>foo<li>bar</ol>
+  <ol class="cjk"><li>foo<li>bar</ol>
+  <ol class="kor"><li>foo<li>bar</ol>
+  <ol class="dec" dir="rtl"><li>foo<li>bar</ol>
+  <ol class="heb" dir="rtl"><li>foo<li>bar</ol>
+</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter-invalid.html
new file mode 100644
index 0000000000..fd382553df
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter-invalid.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule additiveSymbols setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-additive-symbols-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: additive;
+  additive-symbols: 2 C, 1 B, 0 A;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside" start=0>
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.additiveSymbols = '';
+foo_rule.additiveSymbols = 'A B C';
+foo_rule.additiveSymbols = '1 B, 2 C, 0 A';
+foo_rule.additiveSymbols = '2 C C, 1 B, 0 A';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter-ref.html
new file mode 100644
index 0000000000..a09788e369
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule additiveSymbols setter</title>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter.html
new file mode 100644
index 0000000000..1ff6b42446
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-additive-symbols-setter.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule additiveSymbols setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-additive-symbols-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: additive;
+  additive-symbols: 1 I, 0 O;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside" start=0>
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.additiveSymbols = '2 C, 1 B, 0 A';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter-invalid.html
new file mode 100644
index 0000000000..c5c43a3223
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter-invalid.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule fallback setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-fallback-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: fixed;
+  symbols: A B;
+  fallback: lower-roman;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.fallback = 'none';
+foo_rule.fallback = 'lower-roman upper-roman'
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter-ref.html
new file mode 100644
index 0000000000..da4bb59820
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule fallback setter</title>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>iii.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter.html
new file mode 100644
index 0000000000..399463f3f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-fallback-setter.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule fallback setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-fallback-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: fixed;
+  symbols: A B;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.fallback = 'lower-roman';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter-invalid.html
new file mode 100644
index 0000000000..01edc415e9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter-invalid.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule name setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-name-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+
+@counter-style bar {
+  system: fixed;
+  symbols: X Y Z;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<ol style="list-style-type: bar; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+rule.name = '';
+rule.name = '123';
+rule.name = 'initial';
+rule.name = 'inherit';
+rule.name = 'unset';
+rule.name = 'none';
+rule.name = 'disc';
+rule.name = 'decimal';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter-ref.html
new file mode 100644
index 0000000000..91251ad843
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule name setter</title>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
+<ol>
+  <div>X.</div>
+  <div>Y.</div>
+  <div>Z.</div>
+</ol>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter.html
new file mode 100644
index 0000000000..4cb926dd12
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-name-setter.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule name setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-name-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+
+@counter-style bar {
+  system: fixed;
+  symbols: '1' '2' '3';
+}
+
+@counter-style foo {
+  system: fixed;
+  symbols: X Y Z;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<ol style="list-style-type: bar; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+// Change the last counter style name from 'foo' to 'bar'
+const sheet = document.getElementById('sheet');
+const rule = sheet.sheet.rules[2];
+rule.name = 'bar';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter-invalid.html
new file mode 100644
index 0000000000..e15447ba4d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter-invalid.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule negative setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-negative-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: extends decimal;
+  negative: '(' ')';
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside" start="-3">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.negative = 'X Y Z';
+foo_rule.negative = '"X" "Y" "Z"';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter-ref.html
new file mode 100644
index 0000000000..7d465a3335
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule negative setter</title>
+
+<ol>
+  <div>(3).</div>
+  <div>(2).</div>
+  <div>(1).</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter.html
new file mode 100644
index 0000000000..06238841ec
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-negative-setter.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule negative setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-negative-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: extends decimal;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside" start="-3">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.negative = '"(" ")"';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter-invalid.html
new file mode 100644
index 0000000000..c263a1bb5f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter-invalid.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule pad setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-pad-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: extends decimal;
+  pad: 3 '0';
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.pad = '-1 "0"';
+foo_rule.pad = '3';
+foo_rule.pad = '3 "X" "Y"';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter-ref.html
new file mode 100644
index 0000000000..6184686f0e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule pad setter</title>
+
+<ol>
+  <div>001.</div>
+  <div>002.</div>
+  <div>003.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter.html
new file mode 100644
index 0000000000..df1732dae6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-pad-setter.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule pad setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-pad-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: extends decimal;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.pad = '3 "0"';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter-invalid.html
new file mode 100644
index 0000000000..7aba3a0a5b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter-invalid.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule prefix and suffix setters with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-prefix-suffix-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: cyclic;
+  symbols: A B C;
+  prefix: '(';
+  suffix: ')';
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.prefix = '"(" "("';
+foo_rule.prefix = ')';
+foo_rule.prefix = '123';
+
+foo_rule.suffix = '")" ")"';
+foo_rule.suffix = '(';
+foo_rule.suffix = '456';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter-ref.html
new file mode 100644
index 0000000000..bf52d54adb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule prefix and suffix setters</title>
+
+<ol>
+  <div>(A)</div>
+  <div>(B)</div>
+  <div>(C)</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter.html
new file mode 100644
index 0000000000..899caa26ba
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-prefix-suffix-setter.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule prefix and suffix setters</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-prefix-suffix-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: cyclic;
+  symbols: A B C;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.prefix = '"("';
+foo_rule.suffix = '")"';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter-invalid.html
new file mode 100644
index 0000000000..2fc459551f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter-invalid.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule range setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-range-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: cyclic;
+  symbols: A B C;
+  range: 1 2;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.range = "1 2 3";
+foo_rule.range = "3 1"
+foo_rule.range = "1 infinity"
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter-ref.html
new file mode 100644
index 0000000000..0129b467c8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule range setter</title>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>3.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter.html
new file mode 100644
index 0000000000..10d94f0cdb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-range-setter.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule range setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-range-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: cyclic;
+  symbols: A B C;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.range = "1 2";
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter-invalid.html
new file mode 100644
index 0000000000..3b40b0d4a3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter-invalid.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule symbols setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-symbols-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: alphabetic;
+  symbols: A B C;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Invalid values should be ignored
+foo_rule.symbols = '';
+foo_rule.symbols = '1 2 *';
+foo_rule.symbols = 'A';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter-ref.html
new file mode 100644
index 0000000000..64967db5ab
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule symbols setter</title>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter.html
new file mode 100644
index 0000000000..cd9f66d238
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-symbols-setter.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule symbols setter</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-symbols-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: cyclic;
+  symbols: X Y Z;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.symbols = "A B C";
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-1.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-1.html
new file mode 100644
index 0000000000..a616a60e0b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule system setter with 'fixed' system</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-system-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside" start=0>
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.system = "fixed 0";
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-2.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-2.html
new file mode 100644
index 0000000000..f1cc65d7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule system setter with 'extends' system</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-system-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: extends decimal;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+foo_rule.system = "extends upper-alpha";
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-invalid.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-invalid.html
new file mode 100644
index 0000000000..e56ec1a23e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-invalid.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule system setter with invalid values</title>
+<link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface">
+<link rel="author" href="mailto:xiaochengh@chromium.org">
+<link rel="match" href="cssom-system-setter-ref.html">
+<style id="sheet">
+@counter-style foo {
+  system: fixed;
+  symbols: A B C;
+}
+</style>
+
+<ol style="list-style-type: foo; list-style-position: inside">
+  <li></li>
+  <li></li>
+  <li></li>
+</ol>
+
+<script>
+// Force layout update before changing the rule
+document.body.offsetWidth;
+
+const sheet = document.getElementById('sheet');
+const foo_rule = sheet.sheet.rules[0];
+
+// Values with syntax errors should be ignored
+foo_rule.system = '123';
+foo_rule.system = 'extends none';
+foo_rule.system = 'extends decimal decimal';
+
+// Values changing algorithm should be ignored
+foo_rule.system = 'numeric';
+foo_rule.system = 'extends lower-roman';
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-ref.html b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-ref.html
new file mode 100644
index 0000000000..98bd994659
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/cssom/cssom-system-setter-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<title>CSSCounterStyleRule system setter</title>
+
+<ol>
+  <div>A.</div>
+  <div>B.</div>
+  <div>C.</div>
+</ol>
+
diff --git a/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-119-ref.html b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-119-ref.html
new file mode 100644
index 0000000000..7fad30ec61
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-119-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>devanagari, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:devanagari produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: devanagari;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-119.html b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-119.html
new file mode 100644
index 0000000000..c736f7f5a3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-119.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>devanagari, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-119-ref.html'>
+<meta name="assert" content="list-style-type:devanagari produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: devanagari;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">१</li>
+<li title="2">२</li>
+<li title="3">३</li>
+<li title="4">४</li>
+<li title="5">५</li>
+<li title="6">६</li>
+<li title="7">७</li>
+<li title="8">८</li>
+<li title="9">९</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-120-ref.html b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-120-ref.html
new file mode 100644
index 0000000000..0d30e230b1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-120-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>devanagari, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: devanagari produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: devanagari;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-120.html b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-120.html
new file mode 100644
index 0000000000..e52763b761
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-120.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>devanagari, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-120-ref.html'>
+<meta name="assert" content="list-style-type: devanagari produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: devanagari;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title="10">१०</li></ol>
+<ol start="11"><li title="11">११</li></ol>
+<ol start="12"><li title="12">१२</li></ol>
+<ol start="43"><li title="43">४३</li></ol>
+<ol start="77"><li title="77">७७</li></ol>
+<ol start="80"><li title="80">८०</li></ol>
+<ol start="99"><li title="99">९९</li></ol>
+<ol start="100"><li title="100">१००</li></ol>
+<ol start="101"><li title="101">१०१</li></ol>
+<ol start="222"><li title="222">२२२</li></ol>
+<ol start="540"><li title="540">५४०</li></ol>
+<ol start="999"><li title="999">९९९</li></ol>
+<ol start="1000"><li title="1000">१०००</li></ol>
+<ol start="1005"><li title="1005">१००५</li></ol>
+<ol start="1060"><li title="1060">१०६०</li></ol>
+<ol start="1065"><li title="1065">१०६५</li></ol>
+<ol start="1800"><li title="1800">१८००</li></ol>
+<ol start="1860"><li title="1860">१८६०</li></ol>
+<ol start="1865"><li title="1865">१८६५</li></ol>
+<ol start="5865"><li title="5865">५८६५</li></ol>
+<ol start="7005"><li title="7005">७००५</li></ol>
+<ol start="7800"><li title="7800">७८००</li></ol>
+<ol start="7864"><li title="7864">७८६४</li></ol>
+<ol start="9999"><li title="9999">९९९९</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-121-ref.html b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-121-ref.html
new file mode 100644
index 0000000000..e81d36406d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-121-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>devanagari, 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-numeric'>
+<meta name="assert" content="list-style-type: devanagari produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: devanagari;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-121.html b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-121.html
new file mode 100644
index 0000000000..8db16780da
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/devanagari/css3-counter-styles-121.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>devanagari, 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-numeric'>
+<link rel='match' href='css3-counter-styles-121-ref.html'>
+<meta name="assert" content="list-style-type: devanagari produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: devanagari;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">१.</li>
+<li title="2">२.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/counter-ethiopic-numeric-ref.html b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/counter-ethiopic-numeric-ref.html
new file mode 100644
index 0000000000..02cac0b4db
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/counter-ethiopic-numeric-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<style type="text/css">
+  div {
+    float: left;
+    padding: .5em;
+  }
+</style>
+<div>&#x1369;</div>
+<div>&#x136a;</div>
+<div>&#x136b;</div>
+<div>&#x136c;</div>
+<div>&#x136d;</div>
+<div>&#x136e;</div>
+<div>&#x136f;</div>
+<div>&#x1370;</div>
+<div>&#x1371;</div>
+
+<div>&#x1372;</div>
+<div>&#x1372;&#x1369;</div>
+<div>&#x1372;&#x136a;</div>
+<div>&#x1375;&#x136b;</div>
+<div>&#x1378;&#x136f;</div>
+<div>&#x1379;</div>
+<div>&#x137a;&#x1371;</div>
+<div>&#x137b;</div>
+<div>&#x137b;&#x1369;</div>
+<div>&#x136a;&#x137b;&#x1373;&#x136a;</div>
+<div>&#x136d;&#x137b;&#x1375;</div>
+<div>&#x1371;&#x137b;&#x137a;&#x1371;</div>
+<div>&#x1372;&#x137b;</div>
+<div>&#x1372;&#x137b;&#x136d;</div>
+<div>&#x1372;&#x137b;&#x1377;</div>
+<div>&#x1372;&#x137b;&#x1377;&#x136d;</div>
+<div>&#x1372;&#x1370;&#x137b;</div>
+<div>&#x1372;&#x1370;&#x137b;&#x1377;</div>
+<div>&#x1372;&#x1370;&#x137b;&#x1377;&#x136d;</div>
+<div>&#x1376;&#x1370;&#x137b;&#x1377;&#x136d;</div>
+<div>&#x1378;&#x137b;&#x136d;</div>
+<div>&#x1378;&#x1370;&#x137b;</div>
+<div>&#x1378;&#x1370;&#x137b;&#x1377;&#x136c;</div>
+<div>&#x137a;&#x1371;&#x137b;&#x137a;&#x1371;</div>
+<div>&#x137c;</div>
+<div>&#x137b;&#x137c;&#x1369;</div>
+<div>&#x1378;&#x1370;&#x137b;&#x1369;&#x137c;&#x137a;&#x136a;</div>
+
+<div>0</div>
+<div>-1</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/counter-ethiopic-numeric.html b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/counter-ethiopic-numeric.html
new file mode 100644
index 0000000000..710869280d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/counter-ethiopic-numeric.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#ethiopic-numeric-counter-style">
+<link rel="match" href="counter-ethiopic-numeric-ref.html">
+<style type="text/css">
+  div {
+    float: left;
+    padding: .5em;
+  }
+  div::after {
+    content: counter(n, ethiopic-numeric);
+  }
+</style>
+<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 11;"></div>
+<div style="counter-reset: n 12;"></div>
+<div style="counter-reset: n 43;"></div>
+<div style="counter-reset: n 77;"></div>
+<div style="counter-reset: n 80;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 222;"></div>
+<div style="counter-reset: n 540;"></div>
+<div style="counter-reset: n 999;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 1005;"></div>
+<div style="counter-reset: n 1060;"></div>
+<div style="counter-reset: n 1065;"></div>
+<div style="counter-reset: n 1800;"></div>
+<div style="counter-reset: n 1860;"></div>
+<div style="counter-reset: n 1865;"></div>
+<div style="counter-reset: n 5865;"></div>
+<div style="counter-reset: n 7005;"></div>
+<div style="counter-reset: n 7800;"></div>
+<div style="counter-reset: n 7864;"></div>
+<div style="counter-reset: n 9999;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 1000001;"></div>
+<div style="counter-reset: n 78010092;"></div>
+
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n -1;"></div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-068.html b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-068.html
new file mode 100644
index 0000000000..25077ee589
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-068.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>ethiopic-numeric, 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/#ethiopic-numeric-counter-style'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to ethiopic-numeric will produce numbering for a list of up to 9 items 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: ethiopic-numeric;  }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class='test'>
+  <ol>
+    <li title='1'>፩.</li>
+    <li title='2'>፪.</li>
+    <li title='3'>፫.</li>
+    <li title='4'>፬.</li>
+    <li title='5'>፭.</li>
+    <li title='6'>፮.</li>
+    <li title='7'>፯.</li>
+    <li title='8'>፰.</li>
+    <li title='9'>፱.</li>
+  </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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-069.html b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-069.html
new file mode 100644
index 0000000000..1349d78ae6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-069.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>ethiopic-numeric, 10+</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/#ethiopic-numeric-counter-style'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to ethiopic-numeric will produce numbering for a list of items over 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: ethiopic-numeric;  }
+</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'>
+    <li title='10'>፲.</li>
+    <li title='11'>፲፩.</li>
+    <li title='12'>፲፪.</li>
+  </ol>
+  <ol start='43'>
+    <li title='43'>፵፫.</li>
+  </ol>
+  <ol start='77'>
+    <li title='77'>፸፯.</li>
+  </ol>
+  <ol start='80'>
+    <li title='80'>፹.</li>
+  </ol>
+  <ol start='99'>
+    <li title='99'>፺፱.</li>
+    <li title='100'>፻.</li>
+    <li title='101'>፻፩.</li>
+  </ol>
+  <ol start='222'>
+    <li title='222'>፪፻፳፪.</li>
+  </ol>
+  <ol start='540'>
+    <li title='540'>፭፻፵.</li>
+  </ol>
+  <ol start='999'>
+    <li title='999'>፱፻፺፱.</li>
+    <li title='1000'>፲፻.</li>
+  </ol>
+  <ol start='1005'>
+    <li title='1005'>፲፻፭.</li>
+  </ol>
+  <ol start='1060'>
+    <li title='1060'>፲፻፷.</li>
+  </ol>
+  <ol start='1065'>
+    <li title='1065'>፲፻፷፭.</li>
+  </ol>
+  <ol start='1800'>
+    <li title='1800'>፲፰፻.</li>
+  </ol>
+  <ol start='1860'>
+    <li title='1860'>፲፰፻፷.</li>
+  </ol>
+  <ol start='1865'>
+    <li title='1865'>፲፰፻፷፭.</li>
+  </ol>
+  <ol start='5865'>
+    <li title='5865'>፶፰፻፷፭.</li>
+  </ol>
+  <ol start='7005'>
+    <li title='7005'>፸፻፭.</li>
+  </ol>
+  <ol start='7800'>
+    <li title='7800'>፸፰፻.</li>
+  </ol>
+  <ol start='7864'>
+    <li title='7864'>፸፰፻፷፬.</li>
+  </ol>
+  <ol start='9999'>
+    <li title='9999'>፺፱፻፺፱.</li>
+    <li title='10000'>፼.</li>
+  </ol>
+  <ol start='78010092'>
+    <li title='78010092'>፸፰፻፩፼፺፪.</li>
+  </ol>
+  <ol start='1000001'>
+    <li title='1000001'>፻፼፩.</li>
+  </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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-070.html b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-070.html
new file mode 100644
index 0000000000..5005b99559
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/ethiopic-numeric/css3-counter-styles-070.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>ethiopic-numeric, 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/#ethiopic-numeric-counter-style'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to ethiopic-numeric 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: ethiopic-numeric;  }
+</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'>
+    <li title='1'>፩/ </li>
+  </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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-010-ref.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-010-ref.html
new file mode 100644
index 0000000000..472d222260
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-010-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: georgian produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* 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 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></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-010.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-010.html
new file mode 100644
index 0000000000..daed9f4151
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-010.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-010-ref.html'>
+<meta name="assert" content="list-style: georgian produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<li title="1">ა</li>
+<li title="2">ბ</li>
+<li title="3">გ</li>
+<li title="4">დ</li>
+<li title="5">ე</li>
+<li title="6">ვ</li>
+<li title="7">ზ</li>
+<li title="8">ჱ</li>
+<li title="9">თ</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-011-ref.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-011-ref.html
new file mode 100644
index 0000000000..8ca14fa54c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-011-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: georgian produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* 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 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>
+<ol start='10000'><div><bdi>ჵ. </bdi>ჵ</div></ol>
+<ol start='10001'><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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-011.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-011.html
new file mode 100644
index 0000000000..d09bc3f8bb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-011.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-011-ref.html'>
+<meta name="assert" content="list-style: georgian produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='10'>ი</li></ol>
+<ol start='11'><li title='11'>ია</li></ol>
+<ol start='12'><li title='12'>იბ</li></ol>
+<ol start='43'><li title='43'>მგ</li></ol>
+<ol start='77'><li title='77'>ოზ</li></ol>
+<ol start='80'><li title='80'>პ</li></ol>
+<ol start='99'><li title='99'>ჟთ</li></ol>
+<ol start='100'><li title='100'>რ</li></ol>
+<ol start='101'><li title='101'>რა</li></ol>
+<ol start='222'><li title='222'>სკბ</li></ol>
+<ol start='540'><li title='540'>ფმ</li></ol>
+<ol start='999'><li title='999'>შჟთ</li></ol>
+<ol start='1000'><li title='1000'>ჩ</li></ol>
+<ol start='1005'><li title='1005'>ჩე</li></ol>
+<ol start='1060'><li title='1060'>ჩჲ</li></ol>
+<ol start='1065'><li title='1065'>ჩჲე</li></ol>
+<ol start='1800'><li title='1800'>ჩყ</li></ol>
+<ol start='1860'><li title='1860'>ჩყჲ</li></ol>
+<ol start='1865'><li title='1865'>ჩყჲე</li></ol>
+<ol start='5865'><li title='5865'>ჭყჲე</li></ol>
+<ol start='7005'><li title='7005'>ჴე</li></ol>
+<ol start='7800'><li title='7800'>ჴყ</li></ol>
+<ol start='7865'><li title='7865'>ჴყჲე</li></ol>
+<ol start='9999'><li title='9999'>ჰშჟთ</li></ol>
+<ol start='10000'><li title='10000'>ჵ</li></ol>
+<ol start='10001'><li title='10001'>ჵა</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-012-ref.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-012-ref.html
new file mode 100644
index 0000000000..2a36f414dd
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-012-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: georgian produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="19999">
+<div><bdi>ჵჰშჟთ. </bdi>ჵჰშჟთ</div>
+<div><bdi>20000. </bdi>20000</div>
+<div><bdi>20001. </bdi>20001</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-012.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-012.html
new file mode 100644
index 0000000000..df68197a1d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-012.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-012-ref.html'>
+<meta name="assert" content="list-style-type: georgian produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="19999">
+<li title="19999">ჵჰშჟთ</li>
+<li title='20000'>20000</li>
+<li title='20001'>20001</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-014-ref.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-014-ref.html
new file mode 100644
index 0000000000..68d76deb57
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-014-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: georgian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* 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 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>
+<ol start='2'><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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-014.html b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-014.html
new file mode 100644
index 0000000000..41fc2b4026
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/georgian/css3-counter-styles-014.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>georgian, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-014-ref.html'>
+<meta name="assert" content="list-style-type: georgian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: georgian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='1'>ა.</li></ol>
+<ol start='2'><li title='2'>ბ.</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-122-ref.html b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-122-ref.html
new file mode 100644
index 0000000000..764d1dc53a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-122-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gujarati, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:gujarati produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gujarati;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-122.html b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-122.html
new file mode 100644
index 0000000000..2e9bc50356
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-122.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gujarati, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-122-ref.html'>
+<meta name="assert" content="list-style-type:gujarati produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gujarati;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">૧</li>
+<li title="2">૨</li>
+<li title="3">૩</li>
+<li title="4">૪</li>
+<li title="5">૫</li>
+<li title="6">૬</li>
+<li title="7">૭</li>
+<li title="8">૮</li>
+<li title="9">૯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-123-ref.html b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-123-ref.html
new file mode 100644
index 0000000000..84617ad686
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-123-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gujarati, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: gujarati produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gujarati;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-123.html b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-123.html
new file mode 100644
index 0000000000..97f7e94396
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-123.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gujarati, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-123-ref.html'>
+<meta name="assert" content="list-style-type: gujarati produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gujarati;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title="10">૧૦</li></ol>
+<ol start="11"><li title="11">૧૧</li></ol>
+<ol start="12"><li title="12">૧૨</li></ol>
+<ol start="43"><li title="43">૪૩</li></ol>
+<ol start="77"><li title="77">૭૭</li></ol>
+<ol start="80"><li title="80">૮૦</li></ol>
+<ol start="99"><li title="99">૯૯</li></ol>
+<ol start="100"><li title="100">૧૦૦</li></ol>
+<ol start="101"><li title="101">૧૦૧</li></ol>
+<ol start="222"><li title="222">૨૨૨</li></ol>
+<ol start="540"><li title="540">૫૪૦</li></ol>
+<ol start="999"><li title="999">૯૯૯</li></ol>
+<ol start="1000"><li title="1000">૧૦૦૦</li></ol>
+<ol start="1005"><li title="1005">૧૦૦૫</li></ol>
+<ol start="1060"><li title="1060">૧૦૬૦</li></ol>
+<ol start="1065"><li title="1065">૧૦૬૫</li></ol>
+<ol start="1800"><li title="1800">૧૮૦૦</li></ol>
+<ol start="1860"><li title="1860">૧૮૬૦</li></ol>
+<ol start="1865"><li title="1865">૧૮૬૫</li></ol>
+<ol start="5865"><li title="5865">૫૮૬૫</li></ol>
+<ol start="7005"><li title="7005">૭૦૦૫</li></ol>
+<ol start="7800"><li title="7800">૭૮૦૦</li></ol>
+<ol start="7864"><li title="7864">૭૮૬૪</li></ol>
+<ol start="9999"><li title="9999">૯૯૯૯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-124-ref.html b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-124-ref.html
new file mode 100644
index 0000000000..4298c91669
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-124-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gujarati, 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-numeric'>
+<meta name="assert" content="list-style-type: gujarati produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gujarati;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-124.html b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-124.html
new file mode 100644
index 0000000000..e9abca06f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gujarati/css3-counter-styles-124.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gujarati, 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-numeric'>
+<link rel='match' href='css3-counter-styles-124-ref.html'>
+<meta name="assert" content="list-style-type: gujarati produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gujarati;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">૧.</li>
+<li title="2">૨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-125-ref.html b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-125-ref.html
new file mode 100644
index 0000000000..98ca197e4f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-125-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gurmukhi, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:gurmukhi produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gurmukhi;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-125.html b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-125.html
new file mode 100644
index 0000000000..1c1e882eb5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-125.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gurmukhi, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-125-ref.html'>
+<meta name="assert" content="list-style-type:gurmukhi produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gurmukhi;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">੧</li>
+<li title="2">੨</li>
+<li title="3">੩</li>
+<li title="4">੪</li>
+<li title="5">੫</li>
+<li title="6">੬</li>
+<li title="7">੭</li>
+<li title="8">੮</li>
+<li title="9">੯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-126-ref.html b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-126-ref.html
new file mode 100644
index 0000000000..b01894cd18
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-126-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gurmukhi, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: gurmukhi produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gurmukhi;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-126.html b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-126.html
new file mode 100644
index 0000000000..a113b31b6b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-126.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gurmukhi, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-126-ref.html'>
+<meta name="assert" content="list-style-type: gurmukhi produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gurmukhi;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">੧੦</li></ol>
+<ol start="11"><li title="11">੧੧</li></ol>
+<ol start="12"><li title="12">੧੨</li></ol>
+<ol start="43"><li title="43">੪੩</li></ol>
+<ol start="77"><li title="77">੭੭</li></ol>
+<ol start="80"><li title="80">੮੦</li></ol>
+<ol start="99"><li title="99">੯੯</li></ol>
+<ol start="100"><li title="100">੧੦੦</li></ol>
+<ol start="101"><li title="101">੧੦੧</li></ol>
+<ol start="222"><li title="222">੨੨੨</li></ol>
+<ol start="540"><li title="540">੫੪੦</li></ol>
+<ol start="999"><li title="999">੯੯੯</li></ol>
+<ol start="1000"><li title="1000">੧੦੦੦</li></ol>
+<ol start="1005"><li title="1005">੧੦੦੫</li></ol>
+<ol start="1060"><li title="1060">੧੦੬੦</li></ol>
+<ol start="1065"><li title="1065">੧੦੬੫</li></ol>
+<ol start="1800"><li title="1800">੧੮੦੦</li></ol>
+<ol start="1860"><li title="1860">੧੮੬੦</li></ol>
+<ol start="1865"><li title="1865">੧੮੬੫</li></ol>
+<ol start="5865"><li title="5865">੫੮੬੫</li></ol>
+<ol start="7005"><li title="7005">੭੦੦੫</li></ol>
+<ol start="7800"><li title="7800">੭੮੦੦</li></ol>
+<ol start="7864"><li title="7864">੭੮੬੪</li></ol>
+<ol start="9999"><li title="9999">੯੯੯੯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-127-ref.html b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-127-ref.html
new file mode 100644
index 0000000000..8a4c0bf329
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-127-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gurmukhi, 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-numeric'>
+<meta name="assert" content="list-style-type: gurmukhi produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gurmukhi;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-127.html b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-127.html
new file mode 100644
index 0000000000..9c58d36e0e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/gurmukhi/css3-counter-styles-127.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>gurmukhi, 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-numeric'>
+<link rel='match' href='css3-counter-styles-127-ref.html'>
+<meta name="assert" content="list-style-type: gurmukhi produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: gurmukhi;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">੧.</li>
+<li title="2">੨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/counter-hebrew-nested-ref.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/counter-hebrew-nested-ref.html
new file mode 100644
index 0000000000..7e725760e8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/counter-hebrew-nested-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", hebrew)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+
+ </head>
+ <body>
+
+ <p></p>
+ <div>
+   <span>&#x5d0;.&#x5d0;</span>
+   <span>&#x5d1;</span>
+   <span>&#x5d2;</span>
+   <span>&#x5d3;</span>
+   <span>&#x5d4;</span>
+   <span>&#x5d5;</span>
+   <span>&#x5d6;</span>
+   <span>&#x5d7;</span>
+   <span>&#x5d8;</span>
+   <span>&#x5d9;</span>
+   <span>&#x5d9;&#x5d0;</span>
+   <span>&#x5d9;&#x5d1;</span>
+   <span>&#x5d9;&#x5d2;</span>
+   <span>&#x5d9;&#x5d3;</span>
+   <span>&#x5d8;&#x5d5;</span>
+   <span>&#x5d8;&#x5d6;</span>
+   <span>&#x5d9;&#x5d6;</span>
+   <span>&#x5d9;&#x5d6;.&#x5db;</span>
+   <span>&#x5d9;&#x5d6;.&#x5dc;</span>
+   <span>&#x5d9;&#x5d6;.&#x5de;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e0;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e1;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e2;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e4;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e6;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e7;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e8;</span>
+   <span>&#x5d9;&#x5d6;.&#x5e9;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5e7;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5e8;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5e9;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5ea;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5ea;&#x5e7;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d0;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d1;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d2;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d3;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d4;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d5;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d6;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d7;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d8;&#x05f3;</span>
+   <span>&#x5d9;&#x5d6;.&#x5d8;&#x05f3;&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;</span>
+   <span>&#x5d9;&#x5d6;.&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;&#x05f3;&#x5ea;&#x5ea;&#x5e7;&#x5e6;&#x5d8;</span>
+   <style>
+     #c18:before { counter-set: c 18; content: counter(c, hebrew); }
+   </style>
+   <span id="c18"></span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/counter-hebrew-nested.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/counter-hebrew-nested.html
new file mode 100644
index 0000000000..bbbdf64313
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/counter-hebrew-nested.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS 2.1 Test Suite: content: counters(c, ".", hebrew)</title>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles"/>
+  <link rel="match" href="counter-hebrew-nested-ref.html"/>
+  <meta http-equiv="Content-Style-Type" content="text/css"/>
+  <style type="text/css">
+
+  body, #test span:first-child { counter-reset: c; }
+  p, #test span { counter-increment: c; }
+  #test span:before { content: counters(c, ".", hebrew); }
+  #test span { direction: rtl; }
+
+  </style>
+ </head>
+ <body>
+
+ <p></p>
+
+ <div id="test">
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span></span>
+   <span style="counter-reset: c 19"></span>
+   <span style="counter-reset: c 29"></span>
+   <span style="counter-reset: c 39"></span>
+   <span style="counter-reset: c 49"></span>
+   <span style="counter-reset: c 59"></span>
+   <span style="counter-reset: c 69"></span>
+   <span style="counter-reset: c 79"></span>
+   <span style="counter-reset: c 89"></span>
+   <span style="counter-reset: c 99"></span>
+   <span style="counter-reset: c 199"></span>
+   <span style="counter-reset: c 299"></span>
+   <span style="counter-reset: c 399"></span>
+   <span style="counter-reset: c 499"></span>
+   <span style="counter-reset: c 599"></span>
+   <span style="counter-reset: c 699"></span>
+   <span style="counter-reset: c 799"></span>
+   <span style="counter-reset: c 899"></span>
+   <span style="counter-reset: c 999"></span>
+   <span style="counter-reset: c 1999"></span>
+   <span style="counter-reset: c 2999"></span>
+   <span style="counter-reset: c 3999"></span>
+   <span style="counter-reset: c 4999"></span>
+   <span style="counter-reset: c 5999"></span>
+   <span style="counter-reset: c 6999"></span>
+   <span style="counter-reset: c 7999"></span>
+   <span style="counter-reset: c 8999"></span>
+   <span style="counter-reset: c 9998"></span>
+   <span style="counter-reset: c 999998"></span>
+   <span></span>
+ </div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-015-ref.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-015-ref.html
new file mode 100644
index 0000000000..0eda4f0e18
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-015-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: hebrew produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<div><bdi dir=ltr>א. </bdi>א</div>
+<div><bdi dir=ltr>ב. </bdi>ב</div>
+<div><bdi dir=ltr>ג. </bdi>ג</div>
+<div><bdi dir=ltr>ד. </bdi>ד</div>
+<div><bdi dir=ltr>ה. </bdi>ה</div>
+<div><bdi dir=ltr>ו. </bdi>ו</div>
+<div><bdi dir=ltr>ז. </bdi>ז</div>
+<div><bdi dir=ltr>ח. </bdi>ח</div>
+<div><bdi dir=ltr>ט. </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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-015.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-015.html
new file mode 100644
index 0000000000..4bebc4e9eb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-015.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-015-ref.html'>
+<meta name="assert" content="list-style: hebrew produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<li title="1">א</li>
+<li title="2">ב</li>
+<li title="3">ג</li>
+<li title="4">ד</li>
+<li title="5">ה</li>
+<li title="6">ו</li>
+<li title="7">ז</li>
+<li title="8">ח</li>
+<li title="9">ט</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016-ref.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016-ref.html
new file mode 100644
index 0000000000..6f7f1d31eb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: hebrew produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='10'><div><bdi dir=ltr>י. </bdi>י</div></ol>
+<ol start='11'><div><bdi dir=ltr>יא. </bdi>יא</div></ol>
+<ol start='12'><div><bdi dir=ltr>יב. </bdi>יב</div></ol>
+<ol start='13'><div><bdi dir=ltr>יג. </bdi>יג</div></ol>
+<ol start='14'><div><bdi dir=ltr>יד. </bdi>יד</div></ol>
+<ol start='15'><div><bdi dir=ltr>טו. </bdi>טו</div></ol>
+<ol start='16'><div><bdi dir=ltr>טז. </bdi>טז</div></ol>
+<ol start='17'><div><bdi dir=ltr>יז. </bdi>יז</div></ol>
+<ol start='18'><div><bdi dir=ltr>יח. </bdi>יח</div></ol>
+<ol start='43'><div><bdi dir=ltr>מג. </bdi>מג</div></ol>
+<ol start='77'><div><bdi dir=ltr>עז. </bdi>עז</div></ol>
+<ol start='80'><div><bdi dir=ltr>פ. </bdi>פ</div></ol>
+<ol start='99'><div><bdi dir=ltr>צט. </bdi>צט</div></ol>
+<ol start='100'><div><bdi dir=ltr>ק. </bdi>ק</div></ol>
+<ol start='101'><div><bdi dir=ltr>קא. </bdi>קא</div></ol>
+<ol start='222'><div><bdi dir=ltr>רכב. </bdi>רכב</div></ol>
+<ol start='400'><div><bdi dir=ltr>ת. </bdi>ת</div></ol>
+<ol start='401'><div><bdi dir=ltr>תא. </bdi>תא</div></ol>
+<ol start='499'><div><bdi dir=ltr>תצט. </bdi>תצט</div></ol>
+<ol start='500'><div><bdi dir=ltr>תק. </bdi>תק</div></ol>
+<ol start='555'><div><bdi dir=ltr>תקנה. </bdi>תקנה</div></ol>
+<ol start='997'><div><bdi dir=ltr>תתקצז. </bdi>תתקצז</div></ol>
+<ol start='1000'><div><bdi dir=ltr>א׳. </bdi>א׳</div></ol>
+<ol start='1001'><div><bdi dir=ltr>א׳א. </bdi>א׳א</div></ol>
+<ol start='3256'><div><bdi dir=ltr>ג׳רנו. </bdi>ג׳רנו</div></ol>
+<ol start='7998'><div><bdi dir=ltr>ז׳תתקצח. </bdi>ז׳תתקצח</div></ol>
+<ol start='9999'><div><bdi dir=ltr>ט׳תתקצט. </bdi>ט׳תתקצט</div></ol>
+<ol start='10000'><div><bdi dir=ltr>י׳. </bdi>י׳</div></ol>
+<ol start='10997'><div><bdi dir=ltr>י׳תתקצז. </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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016.html
new file mode 100644
index 0000000000..77a7ac2cec
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 10+</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-016-ref.html'>
+<meta name="assert" content="list-style: hebrew produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='10'>י</li></ol>
+<ol start='11'><li title='11'>יא</li></ol>
+<ol start='12'><li title='12'>יב</li></ol>
+<ol start='13'><li title='13'>יג</li></ol>
+<ol start='14'><li title='14'>יד</li></ol>
+<ol start='15'><li title='15'>טו</li></ol>
+<ol start='16'><li title='16'>טז</li></ol>
+<ol start='17'><li title='17'>יז</li></ol>
+<ol start='18'><li title='18'>יח</li></ol>
+<ol start='43'><li title='43'>מג</li></ol>
+<ol start='77'><li title='77'>עז</li></ol>
+<ol start='80'><li title='80'>פ</li></ol>
+<ol start='99'><li title='99'>צט</li></ol>
+<ol start='100'><li title='100'>ק</li></ol>
+<ol start='101'><li title='101'>קא</li></ol>
+<ol start='222'><li title='222'>רכב</li></ol>
+<ol start='400'><li title='400'>ת</li></ol>
+<ol start='401'><li title='401'>תא</li></ol>
+<ol start='499'><li title='499'>תצט</li></ol>
+<ol start='500'><li title='500'>תק</li></ol>
+<ol start='555'><li title='555'>תקנה</li></ol>
+<ol start='997'><li title='997'>תתקצז</li></ol>
+<ol start='1000'><li title='1000'>א׳</li></ol>
+<ol start='1001'><li title='1001'>א׳א</li></ol>
+<ol start='3256'><li title='3256'>ג׳רנו</li></ol>
+<ol start='7998'><li title='7998'>ז׳תתקצח</li></ol>
+<ol start='9999'><li title='9999'>ט׳תתקצט</li></ol>
+<ol start='10000'><li title='10000'>י׳</li></ol>
+<ol start='10997'><li title='10997'>י׳תתקצז</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a-alt-ref.html
new file mode 100644
index 0000000000..5b80c6c66f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a-alt-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>hebrew, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+ol li { list-style-type: hebrew;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="10999">
+<div><bdi dir=ltr>י׳תתקצט. </bdi>י׳תתקצט</div>
+<div><bdi dir=ltr>יא׳. </bdi>11000</div>
+<div><bdi dir=ltr>יא׳א. </bdi>11001</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a-ref.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a-ref.html
new file mode 100644
index 0000000000..bdbb4ba618
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: hebrew produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="10999">
+<div><bdi dir=ltr>י׳תתקצט. </bdi>י׳תתקצט</div>
+<div><bdi dir=ltr>11000. </bdi>11000</div>
+<div><bdi dir=ltr>11001. </bdi>11001</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a.html
new file mode 100644
index 0000000000..3eb14594bf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-016a.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>hebrew, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel='match' href='css3-counter-styles-016a-ref.html'>
+<link rel='match' href='css3-counter-styles-016a-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="list-style-type: hebrew produces numbers in the fallback counter style above the limit per the spec.">
+<style>
+ol li { list-style-type: hebrew;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start="10999">
+<li title="10999">י׳תתקצט</li>
+<li title='11000'>11000</li>
+<li title='11001'>11001</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-017-ref.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-017-ref.html
new file mode 100644
index 0000000000..c3697c616c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-017-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: hebrew produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class="test"><ol>
+<div><bdi dir=ltr>א. </bdi>א.</div>
+<div><bdi dir=ltr>ב. </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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-017.html b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-017.html
new file mode 100644
index 0000000000..789fdf7f23
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hebrew/css3-counter-styles-017.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>hebrew, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-017-ref.html'>
+<meta name="assert" content="list-style: hebrew produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: hebrew;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">א.</li>
+<li title="2">ב.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-033-ref.html b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-033-ref.html
new file mode 100644
index 0000000000..dc28cacf02
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-033-ref.html
@@ -0,0 +1,78 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-033.html b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-033.html
new file mode 100644
index 0000000000..7011527bd1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-033.html
@@ -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" />
+<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 { list-style-type: hiragana-iroha; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol><li title='1'>い、</li>
+<li title='2'>ろ、</li>
+<li title='3'>は、</li>
+<li title='4'>に、</li>
+<li title='5'>ほ、</li>
+<li title='6'>へ、</li>
+<li title='7'>と、</li>
+<li title='8'>ち、</li>
+<li title='9'>り、</li>
+<li title='10'>ぬ、</li>
+<li title='11'>る、</li>
+<li title='12'>を、</li>
+<li title='13'>わ、</li>
+<li title='14'>か、</li>
+<li title='15'>よ、</li>
+<li title='16'>た、</li>
+<li title='17'>れ、</li>
+<li title='18'>そ、</li>
+<li title='19'>つ、</li>
+<li title='20'>ね、</li>
+<li title='21'>な、</li>
+<li title='22'>ら、</li>
+<li title='23'>む、</li>
+<li title='24'>う、</li>
+<li title='25'>ゐ、</li>
+<li title='26'>の、</li>
+<li title='27'>お、</li>
+<li title='28'>く、</li>
+<li title='29'>や、</li>
+<li title='30'>ま、</li>
+<li title='31'>け、</li>
+<li title='32'>ふ、</li>
+<li title='33'>こ、</li>
+<li title='34'>え、</li>
+<li title='35'>て、</li>
+<li title='36'>あ、</li>
+<li title='37'>さ、</li>
+<li title='38'>き、</li>
+<li title='39'>ゆ、</li>
+<li title='40'>め、</li>
+<li title='41'>み、</li>
+<li title='42'>し、</li>
+<li title='43'>ゑ、</li>
+<li title='44'>ひ、</li>
+<li title='45'>も、</li>
+<li title='46'>せ、</li>
+<li title='47'>す、</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-034-ref.html b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-034-ref.html
new file mode 100644
index 0000000000..9217067c42
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-034-ref.html
@@ -0,0 +1,51 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-034.html b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-034.html
new file mode 100644
index 0000000000..98a07b43b4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-034.html
@@ -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" />
+<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 { list-style-type: hiragana-iroha; list-style-position: inside; }
+</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'><li title='48'>いい、</li></ol>
+<ol start='77'><li title='77'>いま、</li></ol>
+<ol start='80'><li title='80'>いこ、</li></ol>
+<ol start='99'><li title='99'>ろほ、</li></ol>
+<ol start='100'><li title='100'>ろへ、</li></ol>
+<ol start='101'><li title='101'>ろと、</li></ol>
+<ol start='222'><li title='222'>にえ、</li></ol>
+<ol start='540'><li title='540'>るむ、</li></ol>
+<ol start='999'><li title='999'>なを、</li></ol>
+<ol start='1000'><li title='1000'>なわ、</li></ol>
+<ol start='1005'><li title='1005'>なそ、</li></ol>
+<ol start='1060'><li title='1060'>らの、</li></ol>
+<ol start='1065'><li title='1065'>らけ、</li></ol>
+<ol start='1800'><li title='1800'>きか、</li></ol>
+<ol start='1860'><li title='1860'>ゆお、</li></ol>
+<ol start='5865'><li title='5865'>ろまさ、</li></ol>
+<ol start='7005'><li title='7005'>はちろ、</li></ol>
+<ol start='7800'><li title='7800'>はうも、</li></ol>
+<ol start='7864'><li title='7864'>はのよ、</li></ol>
+<ol start='9999'><li title='9999'>にうて、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-035-ref.html b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-035-ref.html
new file mode 100644
index 0000000000..c22ed07371
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-035-ref.html
@@ -0,0 +1,32 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-035.html b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-035.html
new file mode 100644
index 0000000000..a667031e2b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana-iroha/css3-counter-styles-035.html
@@ -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" />
+<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 { list-style-type: hiragana-iroha; list-style-position: inside; }
+</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'><li title='1'>い、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-030-ref.html b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-030-ref.html
new file mode 100644
index 0000000000..d8ddcff28b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-030-ref.html
@@ -0,0 +1,79 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-030.html b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-030.html
new file mode 100644
index 0000000000..37bc6efe4c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-030.html
@@ -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" />
+<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 { list-style-type: hiragana; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol><li title='1'>あ、</li>
+<li title='2'>い、</li>
+<li title='3'>う、</li>
+<li title='4'>え、</li>
+<li title='5'>お、</li>
+<li title='6'>か、</li>
+<li title='7'>き、</li>
+<li title='8'>く、</li>
+<li title='9'>け、</li>
+<li title='10'>こ、</li>
+<li title='11'>さ、</li>
+<li title='12'>し、</li>
+<li title='13'>す、</li>
+<li title='14'>せ、</li>
+<li title='15'>そ、</li>
+<li title='16'>た、</li>
+<li title='17'>ち、</li>
+<li title='18'>つ、</li>
+<li title='19'>て、</li>
+<li title='20'>と、</li>
+<li title='21'>な、</li>
+<li title='22'>に、</li>
+<li title='23'>ぬ、</li>
+<li title='24'>ね、</li>
+<li title='25'>の、</li>
+<li title='26'>は、</li>
+<li title='27'>ひ、</li>
+<li title='28'>ふ、</li>
+<li title='29'>へ、</li>
+<li title='30'>ほ、</li>
+<li title='31'>ま、</li>
+<li title='32'>み、</li>
+<li title='33'>む、</li>
+<li title='34'>め、</li>
+<li title='35'>も、</li>
+<li title='36'>や、</li>
+<li title='37'>ゆ、</li>
+<li title='38'>よ、</li>
+<li title='39'>ら、</li>
+<li title='40'>り、</li>
+<li title='41'>る、</li>
+<li title='42'>れ、</li>
+<li title='43'>ろ、</li>
+<li title='44'>わ、</li>
+<li title='45'>ゐ、</li>
+<li title='46'>ゑ、</li>
+<li title='47'>を、</li>
+<li title='48'>ん、</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-031-ref.html b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-031-ref.html
new file mode 100644
index 0000000000..370346dd6c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-031-ref.html
@@ -0,0 +1,53 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-031.html b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-031.html
new file mode 100644
index 0000000000..194517b774
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-031.html
@@ -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" />
+<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 { list-style-type: hiragana; list-style-position: inside; }
+</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'><li title='49'>ああ、</li></ol>
+<ol start='50'><li title='50'>あい、</li></ol>
+<ol start='51'><li title='51'>あう、</li></ol>
+<ol start='77'><li title='77'>あへ、</li></ol>
+<ol start='80'><li title='80'>あみ、</li></ol>
+<ol start='99'><li title='99'>いう、</li></ol>
+<ol start='100'><li title='100'>いえ、</li></ol>
+<ol start='101'><li title='101'>いお、</li></ol>
+<ol start='222'><li title='222'>えほ、</li></ol>
+<ol start='540'><li title='540'>さし、</li></ol>
+<ol start='999'><li title='999'>とら、</li></ol>
+<ol start='1000'><li title='1000'>とり、</li></ol>
+<ol start='1005'><li title='1005'>とゐ、</li></ol>
+<ol start='1060'><li title='1060'>にえ、</li></ol>
+<ol start='1065'><li title='1065'>にけ、</li></ol>
+<ol start='1800'><li title='1800'>ゆね、</li></ol>
+<ol start='1860'><li title='1860'>よや、</li></ol>
+<ol start='5865'><li title='5865'>いはけ、</li></ol>
+<ol start='7005'><li title='7005'>うあゐ、</li></ol>
+<ol start='7800'><li title='7800'>うつね、</li></ol>
+<ol start='7864'><li title='7864'>うてり、</li></ol>
+<ol start='9999'><li title='9999'>えたそ、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-032-ref.html b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-032-ref.html
new file mode 100644
index 0000000000..513e647250
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-032-ref.html
@@ -0,0 +1,32 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-032.html b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-032.html
new file mode 100644
index 0000000000..929eaf9ec6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/hiragana/css3-counter-styles-032.html
@@ -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" />
+<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 { list-style-type: hiragana; list-style-position: inside; }
+</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'><li title='1'>あ、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/idlharness.html b/testing/web-platform/tests/css/css-counter-styles/idlharness.html
new file mode 100644
index 0000000000..e914b41b0e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/idlharness.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<title>css-counter-styles IDL tests</title>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/WebIDLParser.js"></script>
+<script src="/resources/idlharness.js"></script>
+
+<style>
+  @counter-style triangle {
+    system: cyclic;
+    symbols: ‣;
+    suffix: " ";
+  }
+</style>
+<script>
+  'use strict';
+  idl_test(
+    ['css-counter-styles'],
+    ['cssom'],
+    idl_array => {
+      try {
+        self.counter = document.styleSheets[0].rules[0];
+      } catch (e) {
+        // Will be surfaced when counter is undefined below.
+      }
+
+      idl_array.add_objects({
+        CSSCounterStyleRule: ['counter'],
+      });
+    }
+  );
+</script>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/counter-japanese-formal-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/counter-japanese-formal-ref.html
new file mode 100644
index 0000000000..674823030f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/counter-japanese-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x58f1;</div>
+<div>&#x5f10;</div>
+<div>&#x53c2;</div>
+<div>&#x56db;</div>
+<div>&#x4f0d;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x58f1;&#x62fe;</div>
+<div>&#x58f1;&#x767e;</div>
+<div>&#x58f1;&#x9621;</div>
+<div>&#x58f1;&#x842c;</div>
+<div>&#x58f1;&#x62fe;&#x842c;</div>
+<div>&#x58f1;&#x767e;&#x842c;</div>
+<div>&#x58f1;&#x9621;&#x842c;</div>
+<div>&#x58f1;&#x5104;</div>
+<div>&#x58f1;&#x62fe;&#x5104;</div>
+
+<div>&#x58f1;&#x62fe;&#x58f1;</div>
+<div>&#x4e5d;&#x62fe;&#x4e5d;</div>
+<div>&#x58f1;&#x767e;&#x58f1;</div>
+<div>&#x5f10;&#x767e;</div>
+<div>&#x516d;&#x9621;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;&#x62fe;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;&#x767e;&#x58f1;</div>
+<div>&#x58f1;&#x842c;&#x58f1;&#x9621;&#x58f1;&#x767e;&#x58f1;&#x62fe;&#x58f1;</div>
+<div>&#x58f1;&#x9621;&#x58f1;&#x767e;&#x842c;</div>
+<div>&#x58f1;&#x5104;&#x58f1;&#x842c;&#x58f1;</div>
+<div>&#x58f1;&#x5104;&#x58f1;&#x62fe;&#x58f1;&#x842c;&#x58f1;</div>
+
+<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/counter-japanese-formal.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/counter-japanese-formal.html
new file mode 100644
index 0000000000..6558514755
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/counter-japanese-formal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-japanese">
+<link rel="match" href="counter-japanese-formal-ref.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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html
new file mode 100644
index 0000000000..eb30f6fa23
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html
@@ -0,0 +1,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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047.html
new file mode 100644
index 0000000000..0c35c7381d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047.html
@@ -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" />
+<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 { list-style-type: japanese-formal; list-style-position: inside; }
+</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'><li title='0'>零、</li></ol>
+<ol start='1'><li title='1'>壱、</li></ol>
+<ol start='2'><li title='2'>弐、</li></ol>
+<ol start='3'><li title='3'>参、</li></ol>
+<ol start='4'><li title='4'>四、</li></ol>
+<ol start='5'><li title='5'>伍、</li></ol>
+<ol start='6'><li title='6'>六、</li></ol>
+<ol start='7'><li title='7'>七、</li></ol>
+<ol start='8'><li title='8'>八、</li></ol>
+<ol start='9'><li title='9'>九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html
new file mode 100644
index 0000000000..c78636b6f5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html
@@ -0,0 +1,55 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html
new file mode 100644
index 0000000000..c8fa76acbe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html
@@ -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" />
+<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 { list-style-type: japanese-formal; list-style-position: inside; }
+</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'><li title='10'>壱拾、</li></ol>
+<ol start='11'><li title='11'>壱拾壱、</li></ol>
+<ol start='12'><li title='12'>壱拾弐、</li></ol>
+<ol start='43'><li title='43'>四拾参、</li></ol>
+<ol start='77'><li title='77'>七拾七、</li></ol>
+<ol start='80'><li title='80'>八拾、</li></ol>
+<ol start='99'><li title='99'>九拾九、</li></ol>
+<ol start='100'><li title='100'>壱百、</li></ol>
+<ol start='101'><li title='101'>壱百壱、</li></ol>
+<ol start='222'><li title='222'>弐百弐拾弐、</li></ol>
+<ol start='540'><li title='540'>伍百四拾、</li></ol>
+<ol start='999'><li title='999'>九百九拾九、</li></ol>
+<ol start='1000'><li title='1000'>壱阡、</li></ol>
+<ol start='1005'><li title='1005'>壱阡伍、</li></ol>
+<ol start='1060'><li title='1060'>壱阡六拾、</li></ol>
+<ol start='1065'><li title='1065'>壱阡六拾伍、</li></ol>
+<ol start='1800'><li title='1800'>壱阡八百、</li></ol>
+<ol start='1860'><li title='1860'>壱阡八百六拾、</li></ol>
+<ol start='1865'><li title='1865'>壱阡八百六拾伍、</li></ol>
+<ol start='5865'><li title='5865'>伍阡八百六拾伍、</li></ol>
+<ol start='7005'><li title='7005'>七阡伍、</li></ol>
+<ol start='7800'><li title='7800'>七阡八百、</li></ol>
+<ol start='7865'><li title='7865'>七阡八百六拾伍、</li></ol>
+<ol start='9999'><li title='9999'>九阡九百九拾九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-alt-ref.html
new file mode 100644
index 0000000000..89cc9ea847
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>japanese-formal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-ref.html
new file mode 100644
index 0000000000..718112fd0f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-ref.html
@@ -0,0 +1,28 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049.html
new file mode 100644
index 0000000000..32fd887e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049.html
@@ -0,0 +1,30 @@
+<!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" />
+<link rel='match' href='css3-counter-styles-049-ref.html'>
+<link rel='match' href='css3-counter-styles-049-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<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 { list-style-type: japanese-formal; list-style-position: inside; }
+</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">
+<li title="9999">九阡九百九拾九</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050-ref.html
new file mode 100644
index 0000000000..c826d55f3a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050-ref.html
@@ -0,0 +1,31 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050.html
new file mode 100644
index 0000000000..f157901cda
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050.html
@@ -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" />
+<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 { list-style-type: japanese-formal; list-style-position: inside; }
+</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"><li title="-11">マイナス壱拾壱、</li><li title="-10">マイナス壱拾、</li><li title="-9">マイナス九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051-ref.html
new file mode 100644
index 0000000000..9221b9294c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051-ref.html
@@ -0,0 +1,32 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051.html
new file mode 100644
index 0000000000..baa3cf9792
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051.html
@@ -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" />
+<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 { list-style-type: japanese-formal; list-style-position: inside; }
+</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'><li title='1'>壱、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html
new file mode 100644
index 0000000000..a08a63631b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x3007;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x767e;</div>
+<div>&#x5343;</div>
+<div>&#x4e00;&#x4e07;</div>
+<div>&#x5341;&#x4e07;</div>
+<div>&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5343;&#x4e07;</div>
+<div>&#x4e00;&#x5104;</div>
+<div>&#x5341;&#x5104;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x767e;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x767e;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;&#x5343;&#x767e;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5104;&#x4e00;&#x4e07;&#x4e00;</div>
+<div>&#x4e00;&#x5104;&#x5341;&#x4e00;&#x4e07;&#x4e00;</div>
+
+<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html
new file mode 100644
index 0000000000..5263e99944
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-japanese">
+<link rel="match" href="counter-japanese-informal-ref.html">
+<style>
+  div::after {
+    content: counter(n, japanese-informal);
+  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html
new file mode 100644
index 0000000000..935f5e7860
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html
@@ -0,0 +1,41 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html
new file mode 100644
index 0000000000..5e30b3fd65
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html
@@ -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" />
+<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 { list-style-type: japanese-informal; list-style-position: inside; }
+</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'><li title='0'>〇、</li></ol>
+<ol start='1'><li title='1'>一、</li></ol>
+<ol start='2'><li title='2'>二、</li></ol>
+<ol start='3'><li title='3'>三、</li></ol>
+<ol start='4'><li title='4'>四、</li></ol>
+<ol start='5'><li title='5'>五、</li></ol>
+<ol start='6'><li title='6'>六、</li></ol>
+<ol start='7'><li title='7'>七、</li></ol>
+<ol start='8'><li title='8'>八、</li></ol>
+<ol start='9'><li title='9'>九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html
new file mode 100644
index 0000000000..3448bfe723
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html
@@ -0,0 +1,55 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html
new file mode 100644
index 0000000000..e848de7947
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html
@@ -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" />
+<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 { list-style-type: japanese-informal; list-style-position: inside; }
+</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'><li title='10'>十、</li></ol>
+<ol start='11'><li title='11'>十一、</li></ol>
+<ol start='12'><li title='12'>十二、</li></ol>
+<ol start='43'><li title='43'>四十三、</li></ol>
+<ol start='77'><li title='77'>七十七、</li></ol>
+<ol start='80'><li title='80'>八十、</li></ol>
+<ol start='99'><li title='99'>九十九、</li></ol>
+<ol start='100'><li title='100'>百、</li></ol>
+<ol start='101'><li title='101'>百一、</li></ol>
+<ol start='222'><li title='222'>二百二十二、</li></ol>
+<ol start='540'><li title='540'>五百四十、</li></ol>
+<ol start='999'><li title='999'>九百九十九、</li></ol>
+<ol start='1000'><li title='1000'>千、</li></ol>
+<ol start='1005'><li title='1005'>千五、</li></ol>
+<ol start='1060'><li title='1060'>千六十、</li></ol>
+<ol start='1065'><li title='1065'>千六十五、</li></ol>
+<ol start='1800'><li title='1800'>千八百、</li></ol>
+<ol start='1860'><li title='1860'>千八百六十、</li></ol>
+<ol start='1865'><li title='1865'>千八百六十五、</li></ol>
+<ol start='5865'><li title='5865'>五千八百六十五、</li></ol>
+<ol start='7005'><li title='7005'>七千五、</li></ol>
+<ol start='7800'><li title='7800'>七千八百、</li></ol>
+<ol start='7865'><li title='7865'>七千八百六十五、</li></ol>
+<ol start='9999'><li title='9999'>九千九百九十九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html
new file mode 100644
index 0000000000..1b3bcbab46
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>japanese-informal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html
new file mode 100644
index 0000000000..4be4b6c81f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html
@@ -0,0 +1,29 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html
new file mode 100644
index 0000000000..abb002b3fe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html
@@ -0,0 +1,31 @@
+<!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">
+<link rel='match' href='css3-counter-styles-044-ref.html'>
+<link rel='match' href='css3-counter-styles-044-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<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; list-style-position: inside; }
+</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">
+<li title="9999">九千九百九十九</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html
new file mode 100644
index 0000000000..18f0698f4d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html
@@ -0,0 +1,31 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html
new file mode 100644
index 0000000000..889294e7ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html
@@ -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" />
+<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 { list-style-type: japanese-informal; list-style-position: inside; }
+</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"><li title="-11">マイナス十一、</li><li title="-10">マイナス十、</li><li title="-9">マイナス九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html
new file mode 100644
index 0000000000..f0ce3438e9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html
@@ -0,0 +1,32 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html
new file mode 100644
index 0000000000..d450231120
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html
@@ -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" />
+<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 { list-style-type: japanese-informal; list-style-position: inside; }
+</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'><li title='1'>一、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-128-ref.html b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-128-ref.html
new file mode 100644
index 0000000000..9992f19b31
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-128-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>kannada, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:kannada produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: kannada;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-128.html b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-128.html
new file mode 100644
index 0000000000..e6183794c0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-128.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>kannada, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-128-ref.html'>
+<meta name="assert" content="list-style-type:kannada produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: kannada;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">೧</li>
+<li title="2">೨</li>
+<li title="3">೩</li>
+<li title="4">೪</li>
+<li title="5">೫</li>
+<li title="6">೬</li>
+<li title="7">೭</li>
+<li title="8">೮</li>
+<li title="9">೯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-129-ref.html b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-129-ref.html
new file mode 100644
index 0000000000..78aa675e24
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-129-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>kannada, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: kannada produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: kannada;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-129.html b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-129.html
new file mode 100644
index 0000000000..902911542b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-129.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>kannada, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-129-ref.html'>
+<meta name="assert" content="list-style-type: kannada produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: kannada;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">೧೦</li></ol>
+<ol start="11"><li title="11">೧೧</li></ol>
+<ol start="12"><li title="12">೧೨</li></ol>
+<ol start="43"><li title="43">೪೩</li></ol>
+<ol start="77"><li title="77">೭೭</li></ol>
+<ol start="80"><li title="80">೮೦</li></ol>
+<ol start="99"><li title="99">೯೯</li></ol>
+<ol start="100"><li title="100">೧೦೦</li></ol>
+<ol start="101"><li title="101">೧೦೧</li></ol>
+<ol start="222"><li title="222">೨೨೨</li></ol>
+<ol start="540"><li title="540">೫೪೦</li></ol>
+<ol start="999"><li title="999">೯೯೯</li></ol>
+<ol start="1000"><li title="1000">೧೦೦೦</li></ol>
+<ol start="1005"><li title="1005">೧೦೦೫</li></ol>
+<ol start="1060"><li title="1060">೧೦೬೦</li></ol>
+<ol start="1065"><li title="1065">೧೦೬೫</li></ol>
+<ol start="1800"><li title="1800">೧೮೦೦</li></ol>
+<ol start="1860"><li title="1860">೧೮೬೦</li></ol>
+<ol start="1865"><li title="1865">೧೮೬೫</li></ol>
+<ol start="5865"><li title="5865">೫೮೬೫</li></ol>
+<ol start="7005"><li title="7005">೭೦೦೫</li></ol>
+<ol start="7800"><li title="7800">೭೮೦೦</li></ol>
+<ol start="7864"><li title="7864">೭೮೬೪</li></ol>
+<ol start="9999"><li title="9999">೯೯೯೯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-130-ref.html b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-130-ref.html
new file mode 100644
index 0000000000..616e904e46
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-130-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>kannada, 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-numeric'>
+<meta name="assert" content="list-style-type: kannada produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: kannada;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-130.html b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-130.html
new file mode 100644
index 0000000000..8bd508c4ca
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/kannada/css3-counter-styles-130.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>kannada, 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-numeric'>
+<link rel='match' href='css3-counter-styles-130-ref.html'>
+<meta name="assert" content="list-style-type: kannada produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: kannada;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">೧.</li>
+<li title="2">೨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-039-ref.html b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-039-ref.html
new file mode 100644
index 0000000000..c96de76135
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-039-ref.html
@@ -0,0 +1,78 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-039.html b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-039.html
new file mode 100644
index 0000000000..04c1a96d2a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-039.html
@@ -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" />
+<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 { list-style-type: katakana-iroha; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol><li title='1'>イ、</li>
+<li title='2'>ロ、</li>
+<li title='3'>ハ、</li>
+<li title='4'>ニ、</li>
+<li title='5'>ホ、</li>
+<li title='6'>ヘ、</li>
+<li title='7'>ト、</li>
+<li title='8'>チ、</li>
+<li title='9'>リ、</li>
+<li title='10'>ヌ、</li>
+<li title='11'>ル、</li>
+<li title='12'>ヲ、</li>
+<li title='13'>ワ、</li>
+<li title='14'>カ、</li>
+<li title='15'>ヨ、</li>
+<li title='16'>タ、</li>
+<li title='17'>レ、</li>
+<li title='18'>ソ、</li>
+<li title='19'>ツ、</li>
+<li title='20'>ネ、</li>
+<li title='21'>ナ、</li>
+<li title='22'>ラ、</li>
+<li title='23'>ム、</li>
+<li title='24'>ウ、</li>
+<li title='25'>ヰ、</li>
+<li title='26'>ノ、</li>
+<li title='27'>オ、</li>
+<li title='28'>ク、</li>
+<li title='29'>ヤ、</li>
+<li title='30'>マ、</li>
+<li title='31'>ケ、</li>
+<li title='32'>フ、</li>
+<li title='33'>コ、</li>
+<li title='34'>エ、</li>
+<li title='35'>テ、</li>
+<li title='36'>ア、</li>
+<li title='37'>サ、</li>
+<li title='38'>キ、</li>
+<li title='39'>ユ、</li>
+<li title='40'>メ、</li>
+<li title='41'>ミ、</li>
+<li title='42'>シ、</li>
+<li title='43'>ヱ、</li>
+<li title='44'>ヒ、</li>
+<li title='45'>モ、</li>
+<li title='46'>セ、</li>
+<li title='47'>ス、</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-040-ref.html b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-040-ref.html
new file mode 100644
index 0000000000..43738030c0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-040-ref.html
@@ -0,0 +1,51 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-040.html b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-040.html
new file mode 100644
index 0000000000..081e0afc3d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-040.html
@@ -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" />
+<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 { list-style-type: katakana-iroha; list-style-position: inside; }
+</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'><li title='48'>イイ、</li></ol>
+<ol start='77'><li title='77'>イマ、</li></ol>
+<ol start='80'><li title='80'>イコ、</li></ol>
+<ol start='99'><li title='99'>ロホ、</li></ol>
+<ol start='100'><li title='100'>ロヘ、</li></ol>
+<ol start='101'><li title='101'>ロト、</li></ol>
+<ol start='222'><li title='222'>ニエ、</li></ol>
+<ol start='540'><li title='540'>ルム、</li></ol>
+<ol start='999'><li title='999'>ナヲ、</li></ol>
+<ol start='1000'><li title='1000'>ナワ、</li></ol>
+<ol start='1005'><li title='1005'>ナソ、</li></ol>
+<ol start='1060'><li title='1060'>ラノ、</li></ol>
+<ol start='1065'><li title='1065'>ラケ、</li></ol>
+<ol start='1800'><li title='1800'>キカ、</li></ol>
+<ol start='1860'><li title='1860'>ユオ、</li></ol>
+<ol start='5865'><li title='5865'>ロマサ、</li></ol>
+<ol start='7005'><li title='7005'>ハチロ、</li></ol>
+<ol start='7800'><li title='7800'>ハウモ、</li></ol>
+<ol start='7864'><li title='7864'>ハノヨ、</li></ol>
+<ol start='9999'><li title='9999'>ニウテ、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-041-ref.html b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-041-ref.html
new file mode 100644
index 0000000000..32fd278da2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-041-ref.html
@@ -0,0 +1,32 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-041.html b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-041.html
new file mode 100644
index 0000000000..3eda2310ca
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana-iroha/css3-counter-styles-041.html
@@ -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" />
+<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 { list-style-type: katakana-iroha; list-style-position: inside; }
+</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'><li title='1'>イ、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-036-ref.html b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-036-ref.html
new file mode 100644
index 0000000000..3ea11c07db
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-036-ref.html
@@ -0,0 +1,79 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-036.html b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-036.html
new file mode 100644
index 0000000000..0d955835f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-036.html
@@ -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" />
+<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 { list-style-type: katakana; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol><li title='1'>ア、</li>
+<li title='2'>イ、</li>
+<li title='3'>ウ、</li>
+<li title='4'>エ、</li>
+<li title='5'>オ、</li>
+<li title='6'>カ、</li>
+<li title='7'>キ、</li>
+<li title='8'>ク、</li>
+<li title='9'>ケ、</li>
+<li title='10'>コ、</li>
+<li title='11'>サ、</li>
+<li title='12'>シ、</li>
+<li title='13'>ス、</li>
+<li title='14'>セ、</li>
+<li title='15'>ソ、</li>
+<li title='16'>タ、</li>
+<li title='17'>チ、</li>
+<li title='18'>ツ、</li>
+<li title='19'>テ、</li>
+<li title='20'>ト、</li>
+<li title='21'>ナ、</li>
+<li title='22'>ニ、</li>
+<li title='23'>ヌ、</li>
+<li title='24'>ネ、</li>
+<li title='25'>ノ、</li>
+<li title='26'>ハ、</li>
+<li title='27'>ヒ、</li>
+<li title='28'>フ、</li>
+<li title='29'>ヘ、</li>
+<li title='30'>ホ、</li>
+<li title='31'>マ、</li>
+<li title='32'>ミ、</li>
+<li title='33'>ム、</li>
+<li title='34'>メ、</li>
+<li title='35'>モ、</li>
+<li title='36'>ヤ、</li>
+<li title='37'>ユ、</li>
+<li title='38'>ヨ、</li>
+<li title='39'>ラ、</li>
+<li title='40'>リ、</li>
+<li title='41'>ル、</li>
+<li title='42'>レ、</li>
+<li title='43'>ロ、</li>
+<li title='44'>ワ、</li>
+<li title='45'>ヰ、</li>
+<li title='46'>ヱ、</li>
+<li title='47'>ヲ、</li>
+<li title='48'>ン、</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-037-ref.html b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-037-ref.html
new file mode 100644
index 0000000000..8175d9ca69
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-037-ref.html
@@ -0,0 +1,53 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-037.html b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-037.html
new file mode 100644
index 0000000000..3b6523e4c7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-037.html
@@ -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" />
+<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 { list-style-type: katakana; list-style-position: inside; }
+</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'><li title='49'>アア、</li></ol>
+<ol start='50'><li title='50'>アイ、</li></ol>
+<ol start='51'><li title='51'>アウ、</li></ol>
+<ol start='77'><li title='77'>アヘ、</li></ol>
+<ol start='80'><li title='80'>アミ、</li></ol>
+<ol start='99'><li title='99'>イウ、</li></ol>
+<ol start='100'><li title='100'>イエ、</li></ol>
+<ol start='101'><li title='101'>イオ、</li></ol>
+<ol start='222'><li title='222'>エホ、</li></ol>
+<ol start='540'><li title='540'>サシ、</li></ol>
+<ol start='999'><li title='999'>トラ、</li></ol>
+<ol start='1000'><li title='1000'>トリ、</li></ol>
+<ol start='1005'><li title='1005'>トヰ、</li></ol>
+<ol start='1060'><li title='1060'>ニエ、</li></ol>
+<ol start='1065'><li title='1065'>ニケ、</li></ol>
+<ol start='1800'><li title='1800'>ユネ、</li></ol>
+<ol start='1860'><li title='1860'>ヨヤ、</li></ol>
+<ol start='5865'><li title='5865'>イハケ、</li></ol>
+<ol start='7005'><li title='7005'>ウアヰ、</li></ol>
+<ol start='7800'><li title='7800'>ウツネ、</li></ol>
+<ol start='7864'><li title='7864'>ウテリ、</li></ol>
+<ol start='9999'><li title='9999'>エタソ、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-038-ref.html b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-038-ref.html
new file mode 100644
index 0000000000..f2173c51ce
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-038-ref.html
@@ -0,0 +1,32 @@
+<!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="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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-038.html b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-038.html
new file mode 100644
index 0000000000..a5736b6c29
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/katakana/css3-counter-styles-038.html
@@ -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" />
+<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 { list-style-type: katakana; list-style-position: inside; }
+</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'><li title='1'>ア、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-161-ref.html b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-161-ref.html
new file mode 100644
index 0000000000..8b86aabd57
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-161-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>khmer, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type: khmer produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: khmer;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-161.html b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-161.html
new file mode 100644
index 0000000000..b486cd0738
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-161.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>khmer, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-161-ref.html'>
+<meta name="assert" content="list-style-type: khmer produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: khmer;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">១</li>
+<li title="2">២</li>
+<li title="3">៣</li>
+<li title="4">៤</li>
+<li title="5">៥</li>
+<li title="6">៦</li>
+<li title="7">៧</li>
+<li title="8">៨</li>
+<li title="9">៩</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-162-ref.html b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-162-ref.html
new file mode 100644
index 0000000000..49ddde4b2c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-162-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>khmer, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: khmer produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: khmer;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-162.html b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-162.html
new file mode 100644
index 0000000000..bf60c05ff1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-162.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>khmer, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-162-ref.html'>
+<meta name="assert" content="list-style-type: khmer produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: khmer;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="11">១១</li></ol>
+<ol start="12"><li title="12">១២</li></ol>
+<ol start="43"><li title="43">៤៣</li></ol>
+<ol start="77"><li title="77">៧៧</li></ol>
+<ol start="80"><li title="80">៨០</li></ol>
+<ol start="99"><li title="99">៩៩</li></ol>
+<ol start="100"><li title="100">១០០</li></ol>
+<ol start="101"><li title="101">១០១</li></ol>
+<ol start="222"><li title="222">២២២</li></ol>
+<ol start="540"><li title="540">៥៤០</li></ol>
+<ol start="999"><li title="999">៩៩៩</li></ol>
+<ol start="1000"><li title="1000">១០០០</li></ol>
+<ol start="1005"><li title="1005">១០០៥</li></ol>
+<ol start="1060"><li title="1060">១០៦០</li></ol>
+<ol start="1065"><li title="1065">១០៦៥</li></ol>
+<ol start="1800"><li title="1800">១៨០០</li></ol>
+<ol start="1860"><li title="1860">១៨៦០</li></ol>
+<ol start="5865"><li title="5865">៥៨៦៥</li></ol>
+<ol start="7005"><li title="7005">៧០០៥</li></ol>
+<ol start="7800"><li title="7800">៧៨០០</li></ol>
+<ol start="7864"><li title="7864">៧៨៦៤</li></ol>
+<ol start="9999"><li title="9999">៩៩៩៩</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-163-ref.html b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-163-ref.html
new file mode 100644
index 0000000000..92441e2529
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-163-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>khmer, 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-numeric'>
+<meta name="assert" content="list-style-type: khmer produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: khmer;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-163.html b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-163.html
new file mode 100644
index 0000000000..dcc1a13850
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/khmer/css3-counter-styles-163.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>khmer, 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-numeric'>
+<link rel='match' href='css3-counter-styles-163-ref.html'>
+<meta name="assert" content="list-style-type: khmer produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: khmer;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">១.</li>
+<li title="2">២.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/counter-korean-hangul-formal-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/counter-korean-hangul-formal-ref.html
new file mode 100644
index 0000000000..641fa5de1e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/counter-korean-hangul-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#xc601;,</div>
+<div>&#xc77c;,</div>
+<div>&#xc774;,</div>
+<div>&#xc0bc;,</div>
+<div>&#xc0ac;,</div>
+<div>&#xc624;,</div>
+<div>&#xc721;,</div>
+<div>&#xce60;,</div>
+<div>&#xd314;,</div>
+<div>&#xad6c;,</div>
+
+<div>&#xc77c;&#xc2ed;,</div>
+<div>&#xc77c;&#xbc31;,</div>
+<div>&#xc77c;&#xcc9c;,</div>
+<div>&#xc77c;&#xb9cc;,</div>
+<div>&#xc77c;&#xc2ed;&#xb9cc;,</div>
+<div>&#xc77c;&#xbc31;&#xb9cc;,</div>
+<div>&#xc77c;&#xcc9c;&#xb9cc;,</div>
+<div>&#xc77c;&#xc5b5;,</div>
+<div>&#xc77c;&#xc2ed;&#xc5b5;,</div>
+
+<div>&#xc77c;&#xc2ed;&#xc77c;,</div>
+<div>&#xad6c;&#xc2ed;&#xad6c;,</div>
+<div>&#xc77c;&#xbc31;&#xc77c;,</div>
+<div>&#xc774;&#xbc31;,</div>
+<div>&#xc721;&#xcc9c;&#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;&#xc2ed;&#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;&#xbc31;&#xc77c;,</div>
+<div>&#xc77c;&#xb9cc; &#xc77c;&#xcc9c;&#xc77c;&#xbc31;&#xc77c;&#xc2ed;&#xc77c;,</div>
+<div>&#xc77c;&#xcc9c;&#xc77c;&#xbc31;&#xb9cc;,</div>
+<div>&#xc77c;&#xc5b5; &#xc77c;&#xb9cc; &#xc77c;,</div>
+<div>&#xc77c;&#xc5b5; &#xc77c;&#xc2ed;&#xc77c;&#xb9cc; &#xc77c;,</div>
+
+<div>&#xb9c8;&#xc774;&#xb108;&#xc2a4; &#xc77c;,</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/counter-korean-hangul-formal.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/counter-korean-hangul-formal.html
new file mode 100644
index 0000000000..468e0b87b1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/counter-korean-hangul-formal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-korean">
+<link rel="match" href="counter-korean-hangul-formal-ref.html">
+<style>
+  div::before {
+    content: counter(n, korean-hangul-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-052-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-052-ref.html
new file mode 100644
index 0000000000..1cc4e4e8e7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-052-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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 korean-hangul-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: korean-hangul-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-052.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-052.html
new file mode 100644
index 0000000000..ff557273b9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-052.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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" />
+<link rel='match' href='css3-counter-styles-052-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hangul-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 { list-style-type: korean-hangul-formal; list-style-position: inside; }
+</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'><li title='0'>영,</li></ol>
+<ol start='1'><li title='1'>일,</li></ol>
+<ol start='2'><li title='2'>이,</li></ol>
+<ol start='3'><li title='3'>삼,</li></ol>
+<ol start='4'><li title='4'>사,</li></ol>
+<ol start='5'><li title='5'>오,</li></ol>
+<ol start='6'><li title='6'>육,</li></ol>
+<ol start='7'><li title='7'>칠,</li></ol>
+<ol start='8'><li title='8'>팔,</li></ol>
+<ol start='9'><li title='9'>구,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-053-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-053-ref.html
new file mode 100644
index 0000000000..592a4cf285
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-053-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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="assert" content="Setting list-style-type to korean-hangul-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: korean-hangul-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-053.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-053.html
new file mode 100644
index 0000000000..7d2ebdc88a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-053.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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" />
+<link rel='match' href='css3-counter-styles-053-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hangul-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 { list-style-type: korean-hangul-formal; list-style-position: inside; }
+</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'><li title='10'>일십,</li></ol>
+<ol start='11'><li title='11'>일십일,</li></ol>
+<ol start='12'><li title='12'>일십이,</li></ol>
+<ol start='43'><li title='43'>사십삼,</li></ol>
+<ol start='77'><li title='77'>칠십칠,</li></ol>
+<ol start='80'><li title='80'>팔십,</li></ol>
+<ol start='99'><li title='99'>구십구,</li></ol>
+<ol start='100'><li title='100'>일백,</li></ol>
+<ol start='101'><li title='101'>일백일,</li></ol>
+<ol start='222'><li title='222'>이백이십이,</li></ol>
+<ol start='540'><li title='540'>오백사십,</li></ol>
+<ol start='999'><li title='999'>구백구십구,</li></ol>
+<ol start='1000'><li title='1000'>일천,</li></ol>
+<ol start='1005'><li title='1005'>일천오,</li></ol>
+<ol start='1060'><li title='1060'>일천육십,</li></ol>
+<ol start='1065'><li title='1065'>일천육십오,</li></ol>
+<ol start='1800'><li title='1800'>일천팔백,</li></ol>
+<ol start='1860'><li title='1860'>일천팔백육십,</li></ol>
+<ol start='1865'><li title='1865'>일천팔백육십오,</li></ol>
+<ol start='5865'><li title='5865'>오천팔백육십오,</li></ol>
+<ol start='7005'><li title='7005'>칠천오,</li></ol>
+<ol start='7800'><li title='7800'>칠천팔백,</li></ol>
+<ol start='7865'><li title='7865'>칠천팔백육십오,</li></ol>
+<ol start='9999'><li title='9999'>구천구백구십구,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054-alt-ref.html
new file mode 100644
index 0000000000..66044247bb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>korean-hangul-formal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: korean-hangul-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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>구천구백구십구, </bdi>구천구백구십구</div>
+<div><bdi>일만, </bdi>10000.</div>
+<div><bdi>일만 일, </bdi>10001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054-ref.html
new file mode 100644
index 0000000000..a75eee0a42
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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="assert" content="[Exploratory] list-style-type: korean-hangul-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: korean-hangul-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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>구천구백구십구, </bdi>구천구백구십구</div>
+<div><bdi>10000, </bdi>10000.</div>
+<div><bdi>10001, </bdi>10001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054.html
new file mode 100644
index 0000000000..e7a0631bc6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-054.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>korean-hangul-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">
+<link rel='match' href='css3-counter-styles-054-ref.html'>
+<link rel='match' href='css3-counter-styles-054-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: korean-hangul-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 { list-style-type: korean-hangul-formal; list-style-position: inside; }
+</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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<li title="9999">구천구백구십구</li>
+<li title="10000">10000.</li>
+<li title="10001">10001.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-055-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-055-ref.html
new file mode 100644
index 0000000000..72ff90a15f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-055-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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="assert" content="With list-style-type set to korean-hangul-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: korean-hangul-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-055.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-055.html
new file mode 100644
index 0000000000..029c8a6f97
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-055.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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" />
+<link rel='match' href='css3-counter-styles-055-ref.html'>
+<meta name="assert" content="With list-style-type set to korean-hangul-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 { list-style-type: korean-hangul-formal; list-style-position: inside; }
+</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"><li title="-11">마이너스 일십일,</li><li title="-10">마이너스 일십,</li><li title="-9">마이너스 구,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-056-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-056-ref.html
new file mode 100644
index 0000000000..3d09130c43
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-056-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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="assert" content="Setting list-style-type to korean-hangul-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: korean-hangul-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-056.html b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-056.html
new file mode 100644
index 0000000000..d86af1d6bb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hangul-formal/css3-counter-styles-056.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hangul-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" />
+<link rel='match' href='css3-counter-styles-056-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hangul-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 { list-style-type: korean-hangul-formal; list-style-position: inside; }
+</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'><li title='1'>일,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/counter-korean-hanja-formal-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/counter-korean-hanja-formal-ref.html
new file mode 100644
index 0000000000..da1f8a4813
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/counter-korean-hanja-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;,</div>
+<div>&#x58f9;,</div>
+<div>&#x8cb3;,</div>
+<div>&#x53c3;,</div>
+<div>&#x56db;,</div>
+<div>&#x4e94;,</div>
+<div>&#x516d;,</div>
+<div>&#x4e03;,</div>
+<div>&#x516b;,</div>
+<div>&#x4e5d;,</div>
+
+<div>&#x58f9;&#x62fe;,</div>
+<div>&#x58f9;&#x767e;,</div>
+<div>&#x58f9;&#x4edf;,</div>
+<div>&#x58f9;&#x842c;,</div>
+<div>&#x58f9;&#x62fe;&#x842c;,</div>
+<div>&#x58f9;&#x767e;&#x842c;,</div>
+<div>&#x58f9;&#x4edf;&#x842c;,</div>
+<div>&#x58f9;&#x5104;,</div>
+<div>&#x58f9;&#x62fe;&#x5104;,</div>
+
+<div>&#x58f9;&#x62fe;&#x58f9;,</div>
+<div>&#x4e5d;&#x62fe;&#x4e5d;,</div>
+<div>&#x58f9;&#x767e;&#x58f9;,</div>
+<div>&#x8cb3;&#x767e;,</div>
+<div>&#x516d;&#x4edf;&#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;&#x62fe;&#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;&#x767e;&#x58f9;,</div>
+<div>&#x58f9;&#x842c; &#x58f9;&#x4edf;&#x58f9;&#x767e;&#x58f9;&#x62fe;&#x58f9;,</div>
+<div>&#x58f9;&#x4edf;&#x58f9;&#x767e;&#x842c;,</div>
+<div>&#x58f9;&#x5104; &#x58f9;&#x842c; &#x58f9;,</div>
+<div>&#x58f9;&#x5104; &#x58f9;&#x62fe;&#x58f9;&#x842c; &#x58f9;,</div>
+
+<div>&#xb9c8;&#xc774;&#xb108;&#xc2a4; &#x58f9;,</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/counter-korean-hanja-formal.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/counter-korean-hanja-formal.html
new file mode 100644
index 0000000000..c6fb66a733
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/counter-korean-hanja-formal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-korean">
+<link rel="match" href="counter-korean-hanja-formal-ref.html">
+<style>
+  div::before {
+    content: counter(n, korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-062-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-062-ref.html
new file mode 100644
index 0000000000..3c78fe6eee
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-062-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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 korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-062.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-062.html
new file mode 100644
index 0000000000..9be2ef3393
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-062.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-062-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hanja-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 { list-style-type: korean-hanja-formal; list-style-position: inside; }
+</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'><li title='0'>零,</li></ol>
+<ol start='1'><li title='1'>壹,</li></ol>
+<ol start='2'><li title='2'>貳,</li></ol>
+<ol start='3'><li title='3'>參,</li></ol>
+<ol start='4'><li title='4'>四,</li></ol>
+<ol start='5'><li title='5'>五,</li></ol>
+<ol start='6'><li title='6'>六,</li></ol>
+<ol start='7'><li title='7'>七,</li></ol>
+<ol start='8'><li title='8'>八,</li></ol>
+<ol start='9'><li title='9'>九,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-063-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-063-ref.html
new file mode 100644
index 0000000000..5ca12620fc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-063-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="Setting list-style-type to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-063.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-063.html
new file mode 100644
index 0000000000..b58660d699
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-063.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-063-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hanja-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 { list-style-type: korean-hanja-formal; list-style-position: inside; }
+</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'><li title='10'>壹拾,</li></ol>
+<ol start='11'><li title='11'>壹拾壹,</li></ol>
+<ol start='12'><li title='12'>壹拾貳,</li></ol>
+<ol start='43'><li title='43'>四拾參,</li></ol>
+<ol start='77'><li title='77'>七拾七,</li></ol>
+<ol start='80'><li title='80'>八拾,</li></ol>
+<ol start='99'><li title='99'>九拾九,</li></ol>
+<ol start='100'><li title='100'>壹百,</li></ol>
+<ol start='101'><li title='101'>壹百壹,</li></ol>
+<ol start='222'><li title='222'>貳百貳拾貳,</li></ol>
+<ol start='540'><li title='540'>五百四拾,</li></ol>
+<ol start='999'><li title='999'>九百九拾九,</li></ol>
+<ol start='1000'><li title='1000'>壹仟,</li></ol>
+<ol start='1005'><li title='1005'>壹仟五,</li></ol>
+<ol start='1060'><li title='1060'>壹仟六拾,</li></ol>
+<ol start='1065'><li title='1065'>壹仟六拾五,</li></ol>
+<ol start='1800'><li title='1800'>壹仟八百,</li></ol>
+<ol start='1860'><li title='1860'>壹仟八百六拾,</li></ol>
+<ol start='1865'><li title='1865'>壹仟八百六拾五,</li></ol>
+<ol start='5865'><li title='5865'>五仟八百六拾五,</li></ol>
+<ol start='7005'><li title='7005'>七仟五,</li></ol>
+<ol start='7800'><li title='7800'>七仟八百,</li></ol>
+<ol start='7865'><li title='7865'>七仟八百六拾五,</li></ol>
+<ol start='9999'><li title='9999'>九仟九百九拾九,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064-alt-ref.html
new file mode 100644
index 0000000000..5aea5a5205
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>korean-hanja-formal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: korean-hanja-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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>九仟九百九拾九, </bdi>九仟九百九拾九</div>
+<div><bdi>壹萬, </bdi>10000.</div>
+<div><bdi>壹萬 壹, </bdi>10001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064-ref.html
new file mode 100644
index 0000000000..81cad972ee
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="[Exploratory] list-style-type: korean-hanja-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: korean-hanja-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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>九仟九百九拾九, </bdi>九仟九百九拾九</div>
+<div><bdi>10000, </bdi>10000.</div>
+<div><bdi>10001, </bdi>10001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064.html
new file mode 100644
index 0000000000..2dc899ff37
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-064.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>korean-hanja-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">
+<link rel='match' href='css3-counter-styles-064-ref.html'>
+<link rel='match' href='css3-counter-styles-064-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: korean-hanja-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 { list-style-type: korean-hanja-formal; list-style-position: inside; }
+</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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<li title="9999">九仟九百九拾九</li>
+<li title="10000">10000.</li>
+<li title="10001">10001.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-065-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-065-ref.html
new file mode 100644
index 0000000000..c705282bb0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-065-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="With list-style-type set to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-065.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-065.html
new file mode 100644
index 0000000000..b094d644b8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-065.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-065-ref.html'>
+<meta name="assert" content="With list-style-type set to korean-hanja-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 { list-style-type: korean-hanja-formal; list-style-position: inside; }
+</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"><li title="-11">마이너스 壹拾壹,</li><li title="-10">마이너스 壹拾,</li><li title="-9">마이너스 九,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-066-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-066-ref.html
new file mode 100644
index 0000000000..f5c8a7071c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-066-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="Setting list-style-type to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-066.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-066.html
new file mode 100644
index 0000000000..2825c62d0a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-formal/css3-counter-styles-066.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-066-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hanja-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 { list-style-type: korean-hanja-formal; list-style-position: inside; }
+</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'><li title='1'>壹,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/counter-korean-hanja-informal-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/counter-korean-hanja-informal-ref.html
new file mode 100644
index 0000000000..1a7286f4da
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/counter-korean-hanja-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;,</div>
+<div>&#x4e00;,</div>
+<div>&#x4e8c;,</div>
+<div>&#x4e09;,</div>
+<div>&#x56db;,</div>
+<div>&#x4e94;,</div>
+<div>&#x516d;,</div>
+<div>&#x4e03;,</div>
+<div>&#x516b;,</div>
+<div>&#x4e5d;,</div>
+
+<div>&#x5341;,</div>
+<div>&#x767e;,</div>
+<div>&#x5343;,</div>
+<div>&#x842c;,</div>
+<div>&#x5341;&#x842c;,</div>
+<div>&#x767e;&#x842c;,</div>
+<div>&#x5343;&#x842c;,</div>
+<div>&#x4e00;&#x5104;,</div>
+<div>&#x5341;&#x5104;,</div>
+
+<div>&#x5341;&#x4e00;,</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;,</div>
+<div>&#x767e;&#x4e00;,</div>
+<div>&#x4e8c;&#x767e;,</div>
+<div>&#x516d;&#x5343;&#x4e00;,</div>
+<div>&#x842c; &#x4e00;,</div>
+<div>&#x842c; &#x5341;&#x4e00;,</div>
+<div>&#x842c; &#x767e;&#x4e00;,</div>
+<div>&#x842c; &#x5343;&#x767e;&#x5341;&#x4e00;,</div>
+<div>&#x5343;&#x767e;&#x842c;,</div>
+<div>&#x4e00;&#x5104; &#x842c; &#x4e00;,</div>
+<div>&#x4e00;&#x5104; &#x5341;&#x4e00;&#x842c; &#x4e00;,</div>
+
+<div>&#xb9c8;&#xc774;&#xb108;&#xc2a4; &#x4e00;,</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/counter-korean-hanja-informal.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/counter-korean-hanja-informal.html
new file mode 100644
index 0000000000..dc16c886dc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/counter-korean-hanja-informal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-korean">
+<link rel="match" href="counter-korean-hanja-informal-ref.html">
+<style>
+  div::before {
+    content: counter(n, korean-hanja-informal);
+  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-057-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-057-ref.html
new file mode 100644
index 0000000000..c35c968833
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-057-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="Setting list-style-type to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-057.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-057.html
new file mode 100644
index 0000000000..d366198b9a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-057.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-057-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hanja-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 { list-style-type: korean-hanja-informal; list-style-position: inside; }
+</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'><li title='0'>零,</li></ol>
+<ol start='1'><li title='1'>一,</li></ol>
+<ol start='2'><li title='2'>二,</li></ol>
+<ol start='3'><li title='3'>三,</li></ol>
+<ol start='4'><li title='4'>四,</li></ol>
+<ol start='5'><li title='5'>五,</li></ol>
+<ol start='6'><li title='6'>六,</li></ol>
+<ol start='7'><li title='7'>七,</li></ol>
+<ol start='8'><li title='8'>八,</li></ol>
+<ol start='9'><li title='9'>九,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-058-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-058-ref.html
new file mode 100644
index 0000000000..051dc5b6a5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-058-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="Setting list-style-type to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-058.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-058.html
new file mode 100644
index 0000000000..fcac1ad3eb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-058.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-058-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hanja-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 { list-style-type: korean-hanja-informal; list-style-position: inside; }
+</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'><li title='10'>十,</li></ol>
+<ol start='11'><li title='11'>十一,</li></ol>
+<ol start='12'><li title='12'>十二,</li></ol>
+<ol start='43'><li title='43'>四十三,</li></ol>
+<ol start='77'><li title='77'>七十七,</li></ol>
+<ol start='80'><li title='80'>八十,</li></ol>
+<ol start='99'><li title='99'>九十九,</li></ol>
+<ol start='100'><li title='100'>百,</li></ol>
+<ol start='101'><li title='101'>百一,</li></ol>
+<ol start='222'><li title='222'>二百二十二,</li></ol>
+<ol start='540'><li title='540'>五百四十,</li></ol>
+<ol start='999'><li title='999'>九百九十九,</li></ol>
+<ol start='1000'><li title='1000'>千,</li></ol>
+<ol start='1005'><li title='1005'>千五,</li></ol>
+<ol start='1060'><li title='1060'>千六十,</li></ol>
+<ol start='1065'><li title='1065'>千六十五,</li></ol>
+<ol start='1800'><li title='1800'>千八百,</li></ol>
+<ol start='1860'><li title='1860'>千八百六十,</li></ol>
+<ol start='1865'><li title='1865'>千八百六十五,</li></ol>
+<ol start='5865'><li title='5865'>五千八百六十五,</li></ol>
+<ol start='7005'><li title='7005'>七千五,</li></ol>
+<ol start='7800'><li title='7800'>七千八百,</li></ol>
+<ol start='7865'><li title='7865'>七千八百六十五,</li></ol>
+<ol start='9999'><li title='9999'>九千九百九十九,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059-alt-ref.html
new file mode 100644
index 0000000000..ee32442ede
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059-alt-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>korean-hanja-informal, outside range</title>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: korean-hanja-informal;  }
+</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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>九千九百九十九, </bdi>九千九百九十九</div>
+<div><bdi>萬, </bdi>10000.</div>
+<div><bdi>萬 一, </bdi>10001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059-ref.html
new file mode 100644
index 0000000000..5ecc228ef0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="[Exploratory] list-style-type: korean-hanja-informal 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: korean-hanja-informal;  }
+</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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>九千九百九十九, </bdi>九千九百九十九</div>
+<div><bdi>10000, </bdi>10000.</div>
+<div><bdi>10001, </bdi>10001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059.html
new file mode 100644
index 0000000000..1982ecd27b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-059.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>korean-hanja-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">
+<link rel='match' href='css3-counter-styles-059-ref.html'>
+<link rel='match' href='css3-counter-styles-059-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: korean-hanja-informal 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 { list-style-type: korean-hanja-informal; list-style-position: inside; }
+</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. If it is decimal digits (ie. the fallback) score as Partial. In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<li title="9999">九千九百九十九</li>
+<li title="10000">10000.</li>
+<li title="10001">10001.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-060-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-060-ref.html
new file mode 100644
index 0000000000..abe146c0af
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-060-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="With list-style-type set to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-060.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-060.html
new file mode 100644
index 0000000000..8688ec98b2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-060.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-060-ref.html'>
+<meta name="assert" content="With list-style-type set to korean-hanja-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 { list-style-type: korean-hanja-informal; list-style-position: inside; }
+</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"><li title="-11">마이너스 十一,</li><li title="-10">마이너스 十,</li><li title="-9">마이너스 九,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-061-ref.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-061-ref.html
new file mode 100644
index 0000000000..f9b51f05ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-061-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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="assert" content="Setting list-style-type to korean-hanja-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: korean-hanja-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-061.html b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-061.html
new file mode 100644
index 0000000000..b223a837ed
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/korean-hanja-informal/css3-counter-styles-061.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>korean-hanja-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" />
+<link rel='match' href='css3-counter-styles-061-ref.html'>
+<meta name="assert" content="Setting list-style-type to korean-hanja-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 { list-style-type: korean-hanja-informal; list-style-position: inside; }
+</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'><li title='1'>一,</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-131-ref.html b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-131-ref.html
new file mode 100644
index 0000000000..b0571677fd
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-131-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lao, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:lao produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lao;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-131.html b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-131.html
new file mode 100644
index 0000000000..a06be2446a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-131.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lao, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-131-ref.html'>
+<meta name="assert" content="list-style-type:lao produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lao;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">໑</li>
+<li title="2">໒</li>
+<li title="3">໓</li>
+<li title="4">໔</li>
+<li title="5">໕</li>
+<li title="6">໖</li>
+<li title="7">໗</li>
+<li title="8">໘</li>
+<li title="9">໙</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-132-ref.html b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-132-ref.html
new file mode 100644
index 0000000000..d112726989
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-132-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lao, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: lao produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lao;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-132.html b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-132.html
new file mode 100644
index 0000000000..d8f24d6bab
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-132.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lao, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-132-ref.html'>
+<meta name="assert" content="list-style-type: lao produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lao;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">໑໐</li></ol>
+<ol start="11"><li title="11">໑໑</li></ol>
+<ol start="12"><li title="12">໑໒</li></ol>
+<ol start="43"><li title="43">໔໓</li></ol>
+<ol start="77"><li title="77">໗໗</li></ol>
+<ol start="80"><li title="80">໘໐</li></ol>
+<ol start="99"><li title="99">໙໙</li></ol>
+<ol start="100"><li title="100">໑໐໐</li></ol>
+<ol start="101"><li title="101">໑໐໑</li></ol>
+<ol start="222"><li title="222">໒໒໒</li></ol>
+<ol start="540"><li title="540">໕໔໐</li></ol>
+<ol start="999"><li title="999">໙໙໙</li></ol>
+<ol start="1000"><li title="1000">໑໐໐໐</li></ol>
+<ol start="1005"><li title="1005">໑໐໐໕</li></ol>
+<ol start="1060"><li title="1060">໑໐໖໐</li></ol>
+<ol start="1065"><li title="1065">໑໐໖໕</li></ol>
+<ol start="1800"><li title="1800">໑໘໐໐</li></ol>
+<ol start="1860"><li title="1860">໑໘໖໐</li></ol>
+<ol start="1865"><li title="1865">໑໘໖໕</li></ol>
+<ol start="5865"><li title="5865">໕໘໖໕</li></ol>
+<ol start="7005"><li title="7005">໗໐໐໕</li></ol>
+<ol start="7800"><li title="7800">໗໘໐໐</li></ol>
+<ol start="7864"><li title="7864">໗໘໖໔</li></ol>
+<ol start="9999"><li title="9999">໙໙໙໙</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-133-ref.html b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-133-ref.html
new file mode 100644
index 0000000000..7dd42ca9d7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-133-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lao, 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-numeric'>
+<meta name="assert" content="list-style-type: lao produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lao;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-133.html b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-133.html
new file mode 100644
index 0000000000..41bf1fb861
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lao/css3-counter-styles-133.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lao, 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-numeric'>
+<link rel='match' href='css3-counter-styles-133-ref.html'>
+<meta name="assert" content="list-style-type: lao produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lao;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">໑.</li>
+<li title="2">໒.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-111-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-111-ref.html
new file mode 100644
index 0000000000..b114dfffd1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-111-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type: lower-armenian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-111.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-111.html
new file mode 100644
index 0000000000..075d8cc98f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-111.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-111-ref.html'>
+<meta name="assert" content="list-style-type: lower-armenian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">ա</li>
+<li title="2">բ</li>
+<li title="3">գ</li>
+<li title="4">դ</li>
+<li title="5">ե</li>
+<li title="6">զ</li>
+<li title="7">է</li>
+<li title="8">ը</li>
+<li title="9">թ</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-112-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-112-ref.html
new file mode 100644
index 0000000000..b8a2cf0bcc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-112-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: lower-armenian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* 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 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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-112.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-112.html
new file mode 100644
index 0000000000..4f078c37d3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-112.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-112-ref.html'>
+<meta name="assert" content="list-style-type: lower-armenian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title="10">ժ</li></ol>
+<ol start="11"><li title="11">ժա</li></ol>
+<ol start="12"><li title="12">ժբ</li></ol>
+<ol start="43"><li title="43">խգ</li></ol>
+<ol start="77"><li title="77">հէ</li></ol>
+<ol start="80"><li title="80">ձ</li></ol>
+<ol start="99"><li title="99">ղթ</li></ol>
+<ol start="100"><li title="100">ճ</li></ol>
+<ol start="101"><li title="101">ճա</li></ol>
+<ol start="222"><li title="222">միբ</li></ol>
+<ol start="540"><li title="540">շխ</li></ol>
+<ol start="999"><li title="999">ջղթ</li></ol>
+<ol start="1000"><li title="1000">ռ</li></ol>
+<ol start="1005"><li title="1005">ռե</li></ol>
+<ol start="1060"><li title="1060">ռկ</li></ol>
+<ol start="1065"><li title="1065">ռկե</li></ol>
+<ol start="1800"><li title="1800">ռպ</li></ol>
+<ol start="1860"><li title="1860">ռպկ</li></ol>
+<ol start="1865"><li title="1865">ռպկե</li></ol>
+<ol start="5865"><li title="5865">րպկե</li></ol>
+<ol start="7005"><li title="7005">ւե</li></ol>
+<ol start="7800"><li title="7800">ւպ</li></ol>
+<ol start="7865"><li title="7865">ւպկե</li></ol>
+<ol start="9999"><li title="9999">քջղթ</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-114-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-114-ref.html
new file mode 100644
index 0000000000..2504c76b28
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-114-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type: lower-armenian produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='9999'>
+<div><bdi>քջղթ. </bdi>քջղթ</div>
+<div><bdi>10000. </bdi>10000</div>
+<div><bdi>10001. </bdi>10001</div>
+</ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-114.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-114.html
new file mode 100644
index 0000000000..b6a1888fb1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-114.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-114-ref.html'>
+<meta name="assert" content="list-style-type: lower-armenian produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='9999'>
+<li title="9999">քջղթ</li>
+<li title="10000">10000</li>
+<li title="10001">10001</li>
+</ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-115-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-115-ref.html
new file mode 100644
index 0000000000..170a636f1d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-115-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 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-numeric'>
+<meta name="assert" content="list-style-type: lower-armenian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-115.html b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-115.html
new file mode 100644
index 0000000000..0d8cafb810
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-armenian/css3-counter-styles-115.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-armenian, 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-numeric'>
+<link rel='match' href='css3-counter-styles-115-ref.html'>
+<meta name="assert" content="list-style-type: lower-armenian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">ա.</li>
+<li title="2">բ.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-027-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-027-ref.html
new file mode 100644
index 0000000000..7577c0ec03
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-027-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-greek, 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="assert" content="Setting list-style-type to lower-greek 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: lower-greek;  }
+</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>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-027.html b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-027.html
new file mode 100644
index 0000000000..d76e28f64f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-027.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-greek, 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" />
+<link rel='match' href='css3-counter-styles-027-ref.html'>
+<meta name="assert" content="Setting list-style-type to lower-greek 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 { list-style-type: lower-greek; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol><li title='1'>α.</li>
+<li title='2'>β.</li>
+<li title='3'>γ.</li>
+<li title='4'>δ.</li>
+<li title='5'>ε.</li>
+<li title='6'>ζ.</li>
+<li title='7'>η.</li>
+<li title='8'>θ.</li>
+<li title='9'>ι.</li>
+<li title='10'>κ.</li>
+<li title='11'>λ.</li>
+<li title='12'>μ.</li>
+<li title='13'>ν.</li>
+<li title='14'>ξ.</li>
+<li title='15'>ο.</li>
+<li title='16'>π.</li>
+<li title='17'>ρ.</li>
+<li title='18'>σ.</li>
+<li title='19'>τ.</li>
+<li title='20'>υ.</li>
+<li title='21'>φ.</li>
+<li title='22'>χ.</li>
+<li title='23'>ψ.</li>
+<li title='24'>ω.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-028-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-028-ref.html
new file mode 100644
index 0000000000..d6b5d0e175
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-028-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-greek, 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="assert" content="Setting list-style-type to lower-greek 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: lower-greek;  }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='25'><div><bdi>αα. </bdi>αα.</div></ol>
+<ol start='26'><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='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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-028.html b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-028.html
new file mode 100644
index 0000000000..3ae4ad59b3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-028.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-greek, 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" />
+<link rel='match' href='css3-counter-styles-028-ref.html'>
+<meta name="assert" content="Setting list-style-type to lower-greek 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 { list-style-type: lower-greek; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='25'><li title='25'>αα.</li></ol>
+<ol start='26'><li title='26'>αβ.</li></ol>
+<ol start='43'><li title='43'>ατ.</li></ol>
+<ol start='77'><li title='77'>γε.</li></ol>
+<ol start='80'><li title='80'>γθ.</li></ol>
+<ol start='99'><li title='99'>δγ.</li></ol>
+<ol start='100'><li title='100'>δδ.</li></ol>
+<ol start='101'><li title='101'>δε.</li></ol>
+<ol start='222'><li title='222'>ιζ.</li></ol>
+<ol start='540'><li title='540'>χμ.</li></ol>
+<ol start='999'><li title='999'>αρο.</li></ol>
+<ol start='1000'><li title='1000'>αρπ.</li></ol>
+<ol start='1005'><li title='1005'>αρφ.</li></ol>
+<ol start='1060'><li title='1060'>αυδ.</li></ol>
+<ol start='1065'><li title='1065'>αυι.</li></ol>
+<ol start='1800'><li title='1800'>γβω.</li></ol>
+<ol start='1860'><li title='1860'>γεμ.</li></ol>
+<ol start='5865'><li title='5865'>κδι.</li></ol>
+<ol start='7005'><li title='7005'>μγφ.</li></ol>
+<ol start='7800'><li title='7800'>νμω.</li></ol>
+<ol start='7864'><li title='7864'>νοπ.</li></ol>
+<ol start='9999'><li title='9999'>ρθο.</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-029-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-029-ref.html
new file mode 100644
index 0000000000..db4df05afe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-029-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-greek, 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="assert" content="Setting list-style-type to lower-greek 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: lower-greek;  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-029.html b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-029.html
new file mode 100644
index 0000000000..ac4caaf49d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-greek/css3-counter-styles-029.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-greek, 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" />
+<link rel='match' href='css3-counter-styles-029-ref.html'>
+<meta name="assert" content="Setting list-style-type to lower-greek 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 { list-style-type: lower-greek; list-style-position: inside; }
+</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'><li title='1'>α.</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-019-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-019-ref.html
new file mode 100644
index 0000000000..707cda721e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-019-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: lower-roman produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<div><bdi>i. </bdi>i</div>
+<div><bdi>ii. </bdi>ii</div>
+<div><bdi>iii. </bdi>iii</div>
+<div><bdi>iv. </bdi>iv</div>
+<div><bdi>v. </bdi>v</div>
+<div><bdi>vi. </bdi>vi</div>
+<div><bdi>vii. </bdi>vii</div>
+<div><bdi>viii. </bdi>viii</div>
+<div><bdi>ix. </bdi>ix</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-019.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-019.html
new file mode 100644
index 0000000000..86bae7acbb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-019.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-019-ref.html'>
+<meta name="assert" content="list-style: lower-roman produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<li title="1">i</li>
+<li title="2">ii</li>
+<li title="3">iii</li>
+<li title="4">iv</li>
+<li title="5">v</li>
+<li title="6">vi</li>
+<li title="7">vii</li>
+<li title="8">viii</li>
+<li title="9">ix</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020-ref.html
new file mode 100644
index 0000000000..c735186464
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 10-3999</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: lower-roman produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='10'><div><bdi>x. </bdi>x</div></ol>
+<ol start='11'><div><bdi>xi. </bdi>xi</div></ol>
+<ol start='12'><div><bdi>xii. </bdi>xii</div></ol>
+<ol start='43'><div><bdi>xliii. </bdi>xliii</div></ol>
+<ol start='77'><div><bdi>lxxvii. </bdi>lxxvii</div></ol>
+<ol start='80'><div><bdi>lxxx. </bdi>lxxx</div></ol>
+<ol start='99'><div><bdi>xcix. </bdi>xcix</div></ol>
+<ol start='100'><div><bdi>c. </bdi>c</div></ol>
+<ol start='101'><div><bdi>ci. </bdi>ci</div></ol>
+<ol start='222'><div><bdi>ccxxii. </bdi>ccxxii</div></ol>
+<ol start='540'><div><bdi>dxl. </bdi>dxl</div></ol>
+<ol start='999'><div><bdi>cmxcix. </bdi>cmxcix</div></ol>
+<ol start='1000'><div><bdi>m. </bdi>m</div></ol>
+<ol start='1005'><div><bdi>mv. </bdi>mv</div></ol>
+<ol start='1060'><div><bdi>mlx. </bdi>mlx</div></ol>
+<ol start='1065'><div><bdi>mlxv. </bdi>mlxv</div></ol>
+<ol start='1800'><div><bdi>mdccc. </bdi>mdccc</div></ol>
+<ol start='1860'><div><bdi>mdccclx. </bdi>mdccclx</div></ol>
+<ol start='1865'><div><bdi>mdccclxv. </bdi>mdccclxv</div></ol>
+<ol start='2555'><div><bdi>mmdlv. </bdi>mmdlv</div></ol>
+<ol start='3000'><div><bdi>mmm. </bdi>mmm</div></ol>
+<ol start='3999'><div><bdi>mmmcmxcix. </bdi>mmmcmxcix</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020.html
new file mode 100644
index 0000000000..db434a4177
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 10-3999</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-020-ref.html'>
+<meta name="assert" content="list-style: lower-roman produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='10'>x</li></ol>
+<ol start='11'><li title='11'>xi</li></ol>
+<ol start='12'><li title='12'>xii</li></ol>
+<ol start='43'><li title='43'>xliii</li></ol>
+<ol start='77'><li title='77'>lxxvii</li></ol>
+<ol start='80'><li title='80'>lxxx</li></ol>
+<ol start='99'><li title='99'>xcix</li></ol>
+<ol start='100'><li title='100'>c</li></ol>
+<ol start='101'><li title='101'>ci</li></ol>
+<ol start='222'><li title='222'>ccxxii</li></ol>
+<ol start='540'><li title='540'>dxl</li></ol>
+<ol start='999'><li title='999'>cmxcix</li></ol>
+<ol start='1000'><li title='1000'>m</li></ol>
+<ol start='1005'><li title='1005'>mv</li></ol>
+<ol start='1060'><li title='1060'>mlx</li></ol>
+<ol start='1065'><li title='1065'>mlxv</li></ol>
+<ol start='1800'><li title='1800'>mdccc</li></ol>
+<ol start='1860'><li title='1860'>mdccclx</li></ol>
+<ol start='1865'><li title='1865'>mdccclxv</li></ol>
+<ol start='2555'><li title='2555'>mmdlv</li></ol>
+<ol start='3000'><li title='3000'>mmm</li></ol>
+<ol start='3999'><li title='3999'>mmmcmxcix</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020a-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020a-ref.html
new file mode 100644
index 0000000000..014b86b3de
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020a-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 3000-3999</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='author' title='Chris Lilley' href='mailto:chris@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to lower-roman will produce list of up to 9 items in the range range: 1 to 3999.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: lower-roman;  }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='3000'><div><bdi>mmm. </bdi>mmm.</div></ol>
+<ol start='3555'><div><bdi>mmmdlv. </bdi>mmmdlv.</div></ol>
+<ol start='3998'><div><bdi>mmmcmxcviii. </bdi>mmmcmxcviii.</div></ol>
+<ol start='3999'><div><bdi>mmmcmxcix. </bdi>mmmcmxcix.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020a.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020a.html
new file mode 100644
index 0000000000..94482bc14c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020a.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 3000-3999</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='author' title='Chris Lilley' href='mailto:chris@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-020a-ref.html'>
+<meta name="assert" content="Setting list-style-type to lower-roman will produce list of up to 9 items in the range range: 1 to 3999.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: lower-roman; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='3000'><li title='3000'>mmm.</li></ol>
+<ol start='3555'><li title='3555'>mmmdlv.</li></ol>
+<ol start='3998'><li title='3998'>mmmcmxcviii.</li></ol>
+<ol start='3999'><li title='3999'>mmmcmxcix.</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020b-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020b-ref.html
new file mode 100644
index 0000000000..6403a917c8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020b-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, straddling range, 3000-4001</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='author' title='Chris Lilley' href='mailto:chris@w3.org'>
+<link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com" />
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-range'>
+<meta name="assert" content="	If a counter style is used to represent a counter value outside of its ranges, the counter style instead drops down to its fallback counter style.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: lower-roman;  }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='3000'><div><bdi>mmm. </bdi>mmm.</div></ol>
+<ol start='3555'><div><bdi>mmmdlv. </bdi>mmmdlv.</div></ol>
+<ol start='3998'><div><bdi>mmmcmxcviii. </bdi>mmmcmxcviii.</div></ol>
+<ol start='3999'><div><bdi>mmmcmxcix. </bdi>mmmcmxcix.</div></ol>
+<ol start='4001'><div><bdi>4001. </bdi>4001.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020b.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020b.html
new file mode 100644
index 0000000000..34025cc92f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-020b.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, straddling range, 3000-4001</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='author' title='Chris Lilley' href='mailto:chris@w3.org'>
+<link rel="reviewer" title="Tab Atkins" href="mailto:jackalmage@gmail.com" />
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-range'>
+<link rel='match' href='css3-counter-styles-020b-ref.html'>
+<meta name="assert" content="	If a counter style is used to represent a counter value outside of its ranges, the counter style instead drops down to its fallback counter style.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: lower-roman; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='3000'><li title='3000'>mmm.</li></ol>
+<ol start='3555'><li title='3555'>mmmdlv.</li></ol>
+<ol start='3998'><li title='3998'>mmmcmxcviii.</li></ol>
+<ol start='3999'><li title='3999'>mmmcmxcix.</li></ol>
+<ol start='4001'><li title='4001'>4001.</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-021-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-021-ref.html
new file mode 100644
index 0000000000..4708bbc105
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-021-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: lower-roman produces numbers in the fallback counter style above the limit per the spec">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol start='3999'>
+<div><bdi>mmmcmxcix. </bdi>mmmcmxcix</div>
+<div><bdi>4000. </bdi>4000</div></ol>
+<ol start='4001'><div><bdi>4001. </bdi>4001</div>
+<div><bdi>4002. </bdi>4002</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-021.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-021.html
new file mode 100644
index 0000000000..30c4c9981d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-021.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-021-ref.html'>
+<meta name="assert" content="list-style-type: lower-roman produces numbers in the fallback counter style above the limit per the spec">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol start='3999'>
+<li title='3999'>mmmcmxcix</li>
+<li title='4000'>4000</li></ol>
+<ol start='4001'><li title='4001'>4001</li>
+<li title='4002'>4002</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-022-ref.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-022-ref.html
new file mode 100644
index 0000000000..cac4503547
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-022-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: lower-roman produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class="test"><ol>
+<div><bdi>i. </bdi>i.</div>
+<div><bdi>ii. </bdi>ii.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-022.html b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-022.html
new file mode 100644
index 0000000000..6bd53de981
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/lower-roman/css3-counter-styles-022.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>lower-roman, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-022-ref.html'>
+<meta name="assert" content="list-style-type: lower-roman produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: lower-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title='1'>i.</li>
+<li title='2'>ii.</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-134-ref.html b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-134-ref.html
new file mode 100644
index 0000000000..c5e063c855
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-134-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>malayalam, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:malayalam produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: malayalam;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-134.html b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-134.html
new file mode 100644
index 0000000000..9698be73e6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-134.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>malayalam, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-134-ref.html'>
+<meta name="assert" content="list-style-type:malayalam produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: malayalam;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">൧</li>
+<li title="2">൨</li>
+<li title="3">൩</li>
+<li title="4">൪</li>
+<li title="5">൫</li>
+<li title="6">൬</li>
+<li title="7">൭</li>
+<li title="8">൮</li>
+<li title="9">൯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-135-ref.html b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-135-ref.html
new file mode 100644
index 0000000000..2368512338
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-135-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>malayalam, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: malayalam produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: malayalam;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-135.html b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-135.html
new file mode 100644
index 0000000000..79a4bc092a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-135.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>malayalam, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-135-ref.html'>
+<meta name="assert" content="list-style-type: malayalam produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: malayalam;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">൧൦</li></ol>
+<ol start="11"><li title="11">൧൧</li></ol>
+<ol start="12"><li title="12">൧൨</li></ol>
+<ol start="43"><li title="43">൪൩</li></ol>
+<ol start="77"><li title="77">൭൭</li></ol>
+<ol start="80"><li title="80">൮൦</li></ol>
+<ol start="99"><li title="99">൯൯</li></ol>
+<ol start="100"><li title="100">൧൦൦</li></ol>
+<ol start="101"><li title="101">൧൦൧</li></ol>
+<ol start="222"><li title="222">൨൨൨</li></ol>
+<ol start="540"><li title="540">൫൪൦</li></ol>
+<ol start="999"><li title="999">൯൯൯</li></ol>
+<ol start="1000"><li title="1000">൧൦൦൦</li></ol>
+<ol start="1005"><li title="1005">൧൦൦൫</li></ol>
+<ol start="1060"><li title="1060">൧൦൬൦</li></ol>
+<ol start="1065"><li title="1065">൧൦൬൫</li></ol>
+<ol start="1800"><li title="1800">൧൮൦൦</li></ol>
+<ol start="1860"><li title="1860">൧൮൬൦</li></ol>
+<ol start="1865"><li title="1865">൧൮൬൫</li></ol>
+<ol start="5865"><li title="5865">൫൮൬൫</li></ol>
+<ol start="7005"><li title="7005">൭൦൦൫</li></ol>
+<ol start="7800"><li title="7800">൭൮൦൦</li></ol>
+<ol start="7864"><li title="7864">൭൮൬൪</li></ol>
+<ol start="9999"><li title="9999">൯൯൯൯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-136-ref.html b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-136-ref.html
new file mode 100644
index 0000000000..4cfad315ea
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-136-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>malayalam, 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-numeric'>
+<meta name="assert" content="list-style-type: malayalam produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: malayalam;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-136.html b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-136.html
new file mode 100644
index 0000000000..b79af7b299
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/malayalam/css3-counter-styles-136.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>malayalam, 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-numeric'>
+<link rel='match' href='css3-counter-styles-136-ref.html'>
+<meta name="assert" content="list-style-type: malayalam produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: malayalam;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">൧.</li>
+<li title="2">൨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-137-ref.html b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-137-ref.html
new file mode 100644
index 0000000000..0f81e79059
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-137-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>mongolian, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:mongolian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: mongolian;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-137.html b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-137.html
new file mode 100644
index 0000000000..109250c300
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-137.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>mongolian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-137-ref.html'>
+<meta name="assert" content="list-style-type:mongolian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: mongolian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">᠑</li>
+<li title="2">᠒</li>
+<li title="3">᠓</li>
+<li title="4">᠔</li>
+<li title="5">᠕</li>
+<li title="6">᠖</li>
+<li title="7">᠗</li>
+<li title="8">᠘</li>
+<li title="9">᠙</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-138-ref.html b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-138-ref.html
new file mode 100644
index 0000000000..41c280a817
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-138-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>mongolian, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: mongolian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: mongolian;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-138.html b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-138.html
new file mode 100644
index 0000000000..10b344e44b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-138.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>mongolian, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-138-ref.html'>
+<meta name="assert" content="list-style-type: mongolian produces numbers after 9 per the spec.">
+<meta name=fuzzy content="maxDifference=0-255;totalPixels=0-240">
+<style type='text/css'>
+ol li { list-style-type: mongolian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">᠑᠐</li></ol>
+<ol start="11"><li title="11">᠑᠑</li></ol>
+<ol start="12"><li title="12">᠑᠒</li></ol>
+<ol start="43"><li title="43">᠔᠓</li></ol>
+<ol start="77"><li title="77">᠗᠗</li></ol>
+<ol start="80"><li title="80">᠘᠐</li></ol>
+<ol start="99"><li title="99">᠙᠙</li></ol>
+<ol start="100"><li title="100">᠑᠐᠐</li></ol>
+<ol start="101"><li title="101">᠑᠐᠑</li></ol>
+<ol start="222"><li title="222">᠒᠒᠒</li></ol>
+<ol start="540"><li title="540">᠕᠔᠐</li></ol>
+<ol start="999"><li title="999">᠙᠙᠙</li></ol>
+<ol start="1000"><li title="1000">᠑᠐᠐᠐</li></ol>
+<ol start="1005"><li title="1005">᠑᠐᠐᠕</li></ol>
+<ol start="1060"><li title="1060">᠑᠐᠖᠐</li></ol>
+<ol start="1065"><li title="1065">᠑᠐᠖᠕</li></ol>
+<ol start="1800"><li title="1800">᠑᠘᠐᠐</li></ol>
+<ol start="1860"><li title="1860">᠑᠘᠖᠐</li></ol>
+<ol start="1865"><li title="1865">᠑᠘᠖᠕</li></ol>
+<ol start="5865"><li title="5865">᠕᠘᠖᠕</li></ol>
+<ol start="7005"><li title="7005">᠗᠐᠐᠕</li></ol>
+<ol start="7800"><li title="7800">᠗᠘᠐᠐</li></ol>
+<ol start="7864"><li title="7864">᠗᠘᠖᠔</li></ol>
+<ol start="9999"><li title="9999">᠙᠙᠙᠙</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-139-ref.html b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-139-ref.html
new file mode 100644
index 0000000000..4b9f562799
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-139-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>mongolian, 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-numeric'>
+<meta name="assert" content="list-style-type: mongolian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: mongolian;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-139.html b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-139.html
new file mode 100644
index 0000000000..923142ac07
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/mongolian/css3-counter-styles-139.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>mongolian, 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-numeric'>
+<link rel='match' href='css3-counter-styles-139-ref.html'>
+<meta name="assert" content="list-style-type: mongolian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: mongolian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">᠑.</li>
+<li title="2">᠒.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-140-ref.html b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-140-ref.html
new file mode 100644
index 0000000000..4f7994898e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-140-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>myanmar, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:myanmar produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: myanmar;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-140.html b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-140.html
new file mode 100644
index 0000000000..45441745fb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-140.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>myanmar, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-140-ref.html'>
+<meta name="assert" content="list-style-type:myanmar produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: myanmar;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">၁</li>
+<li title="2">၂</li>
+<li title="3">၃</li>
+<li title="4">၄</li>
+<li title="5">၅</li>
+<li title="6">၆</li>
+<li title="7">၇</li>
+<li title="8">၈</li>
+<li title="9">၉</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-141-ref.html b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-141-ref.html
new file mode 100644
index 0000000000..d468623f25
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-141-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>myanmar, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: myanmar produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: myanmar;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-141.html b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-141.html
new file mode 100644
index 0000000000..30e8f1a94d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-141.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>myanmar, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-141-ref.html'>
+<meta name="assert" content="list-style-type: myanmar produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: myanmar;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">၁၀</li></ol>
+<ol start="11"><li title="11">၁၁</li></ol>
+<ol start="12"><li title="12">၁၂</li></ol>
+<ol start="43"><li title="43">၄၃</li></ol>
+<ol start="77"><li title="77">၇၇</li></ol>
+<ol start="80"><li title="80">၈၀</li></ol>
+<ol start="99"><li title="99">၉၉</li></ol>
+<ol start="100"><li title="100">၁၀၀</li></ol>
+<ol start="101"><li title="101">၁၀၁</li></ol>
+<ol start="222"><li title="222">၂၂၂</li></ol>
+<ol start="540"><li title="540">၅၄၀</li></ol>
+<ol start="999"><li title="999">၉၉၉</li></ol>
+<ol start="1000"><li title="1000">၁၀၀၀</li></ol>
+<ol start="1005"><li title="1005">၁၀၀၅</li></ol>
+<ol start="1060"><li title="1060">၁၀၆၀</li></ol>
+<ol start="1065"><li title="1065">၁၀၆၅</li></ol>
+<ol start="1800"><li title="1800">၁၈၀၀</li></ol>
+<ol start="1860"><li title="1860">၁၈၆၀</li></ol>
+<ol start="1865"><li title="1865">၁၈၆၅</li></ol>
+<ol start="5865"><li title="5865">၅၈၆၅</li></ol>
+<ol start="7005"><li title="7005">၇၀၀၅</li></ol>
+<ol start="7800"><li title="7800">၇၈၀၀</li></ol>
+<ol start="7864"><li title="7864">၇၈၆၄</li></ol>
+<ol start="9999"><li title="9999">၉၉၉၉</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-142-ref.html b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-142-ref.html
new file mode 100644
index 0000000000..65ce75aea0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-142-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>myanmar, 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-numeric'>
+<meta name="assert" content="list-style-type: myanmar produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: myanmar;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-142.html b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-142.html
new file mode 100644
index 0000000000..b279441869
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/myanmar/css3-counter-styles-142.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>myanmar, 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-numeric'>
+<link rel='match' href='css3-counter-styles-142-ref.html'>
+<meta name="assert" content="list-style-type: myanmar produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: myanmar;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">၁.</li>
+<li title="2">၂.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-143-ref.html b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-143-ref.html
new file mode 100644
index 0000000000..cde4aef9d5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-143-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>oriya, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:oriya produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: oriya;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-143.html b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-143.html
new file mode 100644
index 0000000000..c66805bdf1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-143.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>oriya, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-143-ref.html'>
+<meta name="assert" content="list-style-type:oriya produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: oriya;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">୧</li>
+<li title="2">୨</li>
+<li title="3">୩</li>
+<li title="4">୪</li>
+<li title="5">୫</li>
+<li title="6">୬</li>
+<li title="7">୭</li>
+<li title="8">୮</li>
+<li title="9">୯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-144-ref.html b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-144-ref.html
new file mode 100644
index 0000000000..4f9fbe097a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-144-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>oriya, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: oriya produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: oriya;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-144.html b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-144.html
new file mode 100644
index 0000000000..28b79d505f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-144.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>oriya, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-144-ref.html'>
+<meta name="assert" content="list-style-type: oriya produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: oriya;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">୧୦</li></ol>
+<ol start="11"><li title="11">୧୧</li></ol>
+<ol start="12"><li title="12">୧୨</li></ol>
+<ol start="43"><li title="43">୪୩</li></ol>
+<ol start="77"><li title="77">୭୭</li></ol>
+<ol start="80"><li title="80">୮୦</li></ol>
+<ol start="99"><li title="99">୯୯</li></ol>
+<ol start="100"><li title="100">୧୦୦</li></ol>
+<ol start="101"><li title="101">୧୦୧</li></ol>
+<ol start="222"><li title="222">୨୨୨</li></ol>
+<ol start="540"><li title="540">୫୪୦</li></ol>
+<ol start="999"><li title="999">୯୯୯</li></ol>
+<ol start="1000"><li title="1000">୧୦୦୦</li></ol>
+<ol start="1005"><li title="1005">୧୦୦୫</li></ol>
+<ol start="1060"><li title="1060">୧୦୬୦</li></ol>
+<ol start="1065"><li title="1065">୧୦୬୫</li></ol>
+<ol start="1800"><li title="1800">୧୮୦୦</li></ol>
+<ol start="1860"><li title="1860">୧୮୬୦</li></ol>
+<ol start="1865"><li title="1865">୧୮୬୫</li></ol>
+<ol start="5865"><li title="5865">୫୮୬୫</li></ol>
+<ol start="7005"><li title="7005">୭୦୦୫</li></ol>
+<ol start="7800"><li title="7800">୭୮୦୦</li></ol>
+<ol start="7864"><li title="7864">୭୮୬୪</li></ol>
+<ol start="9999"><li title="9999">୯୯୯୯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-145-ref.html b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-145-ref.html
new file mode 100644
index 0000000000..73f7fe82d2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-145-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>oriya, 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-numeric'>
+<meta name="assert" content="list-style-type: oriya produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: oriya;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-145.html b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-145.html
new file mode 100644
index 0000000000..0788389414
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/oriya/css3-counter-styles-145.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>oriya, 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-numeric'>
+<link rel='match' href='css3-counter-styles-145-ref.html'>
+<meta name="assert" content="list-style-type: oriya produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: oriya;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">୧.</li>
+<li title="2">୨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-104-ref.html b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-104-ref.html
new file mode 100644
index 0000000000..326008dfb0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-104-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>persian, 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/#simple-numeric'>
+<meta name="assert" content="list-style: persian produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: persian;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-104.html b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-104.html
new file mode 100644
index 0000000000..b79a35d336
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-104.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>persian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-104-ref.html'>
+<meta name="assert" content="list-style: persian produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: persian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class='test'>
+<ol>
+<li title='1'>۱</li>
+<li title='2'>۲</li>
+<li title='3'>۳</li>
+<li title='4'>۴</li>
+<li title='5'>۵</li>
+<li title='6'>۶</li>
+<li title='7'>۷</li>
+<li title='8'>۸</li>
+<li title='9'>۹</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-105-ref.html b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-105-ref.html
new file mode 100644
index 0000000000..fa56d0cae1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-105-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>persian, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: persian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: persian;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class='test'>
+<ol start='10'>
+<div><bdi>۱۰. </bdi>۱۰</div>
+<div><bdi>۱۱. </bdi>۱۱</div>
+<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>
+<div><bdi>۱۰۰. </bdi>۱۰۰</div>
+<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>
+<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='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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-105.html b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-105.html
new file mode 100644
index 0000000000..db0eb25cc2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-105.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>persian, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-105-ref.html'>
+<meta name="assert" content="list-style-type: persian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: persian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'>
+<li title='10'>۱۰</li>
+<li title='11'>۱۱</li>
+<li title='12'>۱۲</li>
+</ol>
+<ol start='43'>
+<li title='43'>۴۳</li>
+</ol>
+<ol start='77'>
+<li title='77'>۷۷</li>
+</ol>
+<ol start='80'>
+<li title='80'>۸۰</li>
+</ol>
+<ol start='99'>
+<li title='99'>۹۹</li>
+<li title='100'>۱۰۰</li>
+<li title='101'>۱۰۱</li>
+</ol>
+<ol start='222'>
+<li title='222'>۲۲۲</li>
+</ol>
+<ol start='540'>
+<li title='540'>۵۴۰</li>
+</ol>
+<ol start='999'>
+<li title='999'>۹۹۹</li>
+<li title='1000'>۱۰۰۰</li>
+</ol>
+<ol start='1005'>
+<li title='1005'>۱۰۰۵</li>
+</ol>
+<ol start='1060'>
+<li title='1060'>۱۰۶۰</li>
+</ol>
+<ol start='1065'>
+<li title='1065'>۱۰۶۵</li>
+</ol>
+<ol start='1800'>
+<li title='1800'>۱۸۰۰</li>
+</ol>
+<ol start='1860'>
+<li title='1860'>۱۸۶۰</li>
+</ol>
+<ol start='1865'>
+<li title='1865'>۱۸۶۵</li>
+</ol>
+<ol start='5865'>
+<li title='5865'>۵۸۶۵</li>
+</ol>
+<ol start='7005'>
+<li title='7005'>۷۰۰۵</li>
+</ol>
+<ol start='7800'>
+<li title='7800'>۷۸۰۰	</li>
+</ol>
+<ol start='7864'>
+<li title='7864'>۷۸۶۴</li>
+</ol>
+<ol start='9999'>
+<li title='9999'>۹۹۹۹</li>
+</ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-106-ref.html b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-106-ref.html
new file mode 100644
index 0000000000..84cc39b256
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-106-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>persian, 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-numeric'>
+<meta name="assert" content="list-style-type:  persian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: persian;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-106.html b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-106.html
new file mode 100644
index 0000000000..9a93e2ef63
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/persian/css3-counter-styles-106.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>persian, 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-numeric'>
+<link rel='match' href='css3-counter-styles-106-ref.html'>
+<meta name="assert" content="list-style-type:  persian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: persian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title='1'>۱.</li>
+<li title='2'>۲.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/counter-simp-chinese-formal-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/counter-simp-chinese-formal-ref.html
new file mode 100644
index 0000000000..9a39f67426
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/counter-simp-chinese-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x58f9;</div>
+<div>&#x8d30;</div>
+<div>&#x53c1;</div>
+<div>&#x8086;</div>
+<div>&#x4f0d;</div>
+<div>&#x9646;</div>
+<div>&#x67d2;</div>
+<div>&#x634c;</div>
+<div>&#x7396;</div>
+
+<div>&#x58f9;&#x62fe;</div>
+<div>&#x58f9;&#x4f70;</div>
+<div>&#x58f9;&#x4edf;</div>
+<div>&#x58f9;&#x4e07;</div>
+<div>&#x58f9;&#x62fe;&#x4e07;</div>
+<div>&#x58f9;&#x4f70;&#x4e07;</div>
+<div>&#x58f9;&#x4edf;&#x4e07;</div>
+<div>&#x58f9;&#x4ebf;</div>
+<div>&#x58f9;&#x62fe;&#x4ebf;</div>
+
+<div>&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x7396;&#x62fe;&#x7396;</div>
+<div>&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x8d30;&#x4f70;</div>
+<div>&#x9646;&#x4edf;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x96f6;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x96f6;&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4e07;&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x4e07;</div>
+<div>&#x58f9;&#x4ebf;&#x96f6;&#x58f9;&#x4e07;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x4ebf;&#x96f6;&#x58f9;&#x62fe;&#x58f9;&#x4e07;&#x96f6;&#x58f9;</div>
+
+<div>&#x8d1f;&#x58f9;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/counter-simp-chinese-formal.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/counter-simp-chinese-formal.html
new file mode 100644
index 0000000000..29bf9520a0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/counter-simp-chinese-formal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-chinese">
+<link rel="match" href="counter-simp-chinese-formal-ref.html">
+<style>
+  div::after {
+    content: counter(n, simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-076-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-076-ref.html
new file mode 100644
index 0000000000..d2a6642e4d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-076-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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 simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-076.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-076.html
new file mode 100644
index 0000000000..b625634097
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-076.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-076-ref.html'>
+<meta name="assert" content="Setting list-style-type to simp-chinese-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 { list-style-type: simp-chinese-formal; list-style-position: inside; }
+</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'><li title='0'>零、</li></ol>
+<ol start='1'><li title='1'>壹、</li></ol>
+<ol start='2'><li title='2'>贰、</li></ol>
+<ol start='3'><li title='3'>叁、</li></ol>
+<ol start='4'><li title='4'>肆、</li></ol>
+<ol start='5'><li title='5'>伍、</li></ol>
+<ol start='6'><li title='6'>陆、</li></ol>
+<ol start='7'><li title='7'>柒、</li></ol>
+<ol start='8'><li title='8'>捌、</li></ol>
+<ol start='9'><li title='9'>玖、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-077-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-077-ref.html
new file mode 100644
index 0000000000..1d4e4cedff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-077-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="Setting list-style-type to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-077.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-077.html
new file mode 100644
index 0000000000..7e34e2e890
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-077.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-077-ref.html'>
+<meta name="assert" content="Setting list-style-type to simp-chinese-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 { list-style-type: simp-chinese-formal; list-style-position: inside; }
+</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'><li title='10'>壹拾、</li></ol>
+<ol start='11'><li title='11'>壹拾壹、</li></ol>
+<ol start='12'><li title='12'>壹拾贰、</li></ol>
+<ol start='43'><li title='43'>肆拾叁、</li></ol>
+<ol start='77'><li title='77'>柒拾柒、</li></ol>
+<ol start='80'><li title='80'>捌拾、</li></ol>
+<ol start='99'><li title='99'>玖拾玖、</li></ol>
+<ol start='100'><li title='100'>壹佰、</li></ol>
+<ol start='101'><li title='101'>壹佰零壹、</li></ol>
+<ol start='222'><li title='222'>贰佰贰拾贰、</li></ol>
+<ol start='540'><li title='540'>伍佰肆拾、</li></ol>
+<ol start='999'><li title='999'>玖佰玖拾玖、</li></ol>
+<ol start='1000'><li title='1000'>壹仟、</li></ol>
+<ol start='1005'><li title='1005'>壹仟零伍、</li></ol>
+<ol start='1060'><li title='1060'>壹仟零陆拾、</li></ol>
+<ol start='1065'><li title='1065'>壹仟零陆拾伍、</li></ol>
+<ol start='1800'><li title='1800'>壹仟捌佰、</li></ol>
+<ol start='1860'><li title='1860'>壹仟捌佰陆拾、</li></ol>
+<ol start='1865'><li title='1865'>壹仟捌佰陆拾伍、</li></ol>
+<ol start='5865'><li title='5865'>伍仟捌佰陆拾伍、</li></ol>
+<ol start='7005'><li title='7005'>柒仟零伍、</li></ol>
+<ol start='7800'><li title='7800'>柒仟捌佰、</li></ol>
+<ol start='7865'><li title='7865'>柒仟捌佰陆拾伍、</li></ol>
+<ol start='9999'><li title='9999'>玖仟玖佰玖拾玖、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078-alt-ref.html
new file mode 100644
index 0000000000..6f300a115e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>simp-chinese-formal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078-ref.html
new file mode 100644
index 0000000000..000ee4db62
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="[Exploratory] list-style-type: simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078.html
new file mode 100644
index 0000000000..d52e018180
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-078.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>simp-chinese-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">
+<link rel='match' href='css3-counter-styles-078-ref.html'>
+<link rel='match' href='css3-counter-styles-078-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: simp-chinese-formal produces counter values outside its range without using the prescribed fallback style.">
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: simp-chinese-formal; list-style-position: inside; }
+</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">
+<li title="9999">玖仟玖佰玖拾玖</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-079-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-079-ref.html
new file mode 100644
index 0000000000..e1df32d871
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-079-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="With list-style-type set to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-079.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-079.html
new file mode 100644
index 0000000000..284412d1ad
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-079.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-079-ref.html'>
+<meta name="assert" content="With list-style-type set to simp-chinese-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 { list-style-type: simp-chinese-formal; list-style-position: inside; }
+</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"><li title="-11">负壹拾壹、</li><li title="-10">负壹拾、</li><li title="-9">负玖、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-080-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-080-ref.html
new file mode 100644
index 0000000000..a87f122e8f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-080-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="Setting list-style-type to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-080.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-080.html
new file mode 100644
index 0000000000..f838522566
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-formal/css3-counter-styles-080.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-080-ref.html'>
+<meta name="assert" content="Setting list-style-type to simp-chinese-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 { list-style-type: simp-chinese-formal; list-style-position: inside; }
+</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'><li title='1'>壹、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/counter-simp-chinese-informal-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/counter-simp-chinese-informal-ref.html
new file mode 100644
index 0000000000..adc0a4c6c6
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/counter-simp-chinese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x4e00;&#x767e;</div>
+<div>&#x4e00;&#x5343;</div>
+<div>&#x4e00;&#x4e07;</div>
+<div>&#x5341;&#x4e07;</div>
+<div>&#x4e00;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5343;&#x4e07;</div>
+<div>&#x4e00;&#x4ebf;</div>
+<div>&#x5341;&#x4ebf;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x96f6;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;&#x5343;&#x4e00;&#x767e;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x4e00;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x4ebf;&#x96f6;&#x4e00;&#x4e07;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x4ebf;&#x96f6;&#x5341;&#x4e00;&#x4e07;&#x96f6;&#x4e00;</div>
+
+<div>&#x8d1f;&#x4e00;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/counter-simp-chinese-informal.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/counter-simp-chinese-informal.html
new file mode 100644
index 0000000000..2cf2984972
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/counter-simp-chinese-informal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-chinese">
+<link rel="match" href="counter-simp-chinese-informal-ref.html">
+<style>
+  div::after {
+    content: counter(n, simp-chinese-informal);
+  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-071-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-071-ref.html
new file mode 100644
index 0000000000..77eec4d547
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-071-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="Setting list-style-type to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-071.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-071.html
new file mode 100644
index 0000000000..8daf67c76a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-071.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-071-ref.html'>
+<meta name="assert" content="Setting list-style-type to simp-chinese-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 { list-style-type: simp-chinese-informal; list-style-position: inside; }
+</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'><li title='0'>零、</li></ol>
+<ol start='1'><li title='1'>一、</li></ol>
+<ol start='2'><li title='2'>二、</li></ol>
+<ol start='3'><li title='3'>三、</li></ol>
+<ol start='4'><li title='4'>四、</li></ol>
+<ol start='5'><li title='5'>五、</li></ol>
+<ol start='6'><li title='6'>六、</li></ol>
+<ol start='7'><li title='7'>七、</li></ol>
+<ol start='8'><li title='8'>八、</li></ol>
+<ol start='9'><li title='9'>九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072-ref.html
new file mode 100644
index 0000000000..0b0d45ce0e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="Setting list-style-type to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072.html
new file mode 100644
index 0000000000..cfb05badfc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-072.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-072-ref.html'>
+<meta name="assert" content="Setting list-style-type to simp-chinese-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 { list-style-type: simp-chinese-informal; list-style-position: inside; }
+</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'><li title='10'>十、</li></ol>
+<ol start='11'><li title='11'>十一、</li></ol>
+<ol start='12'><li title='12'>十二、</li></ol>
+<ol start='43'><li title='43'>四十三、</li></ol>
+<ol start='77'><li title='77'>七十七、</li></ol>
+<ol start='80'><li title='80'>八十、</li></ol>
+<ol start='99'><li title='99'>九十九、</li></ol>
+<ol start='100'><li title='100'>一百、</li></ol>
+<ol start='101'><li title='101'>一百零一、</li></ol>
+<ol start='222'><li title='222'>二百二十二、</li></ol>
+<ol start='540'><li title='540'>五百四十、</li></ol>
+<ol start='999'><li title='999'>九百九十九、</li></ol>
+<ol start='1000'><li title='1000'>一千、</li></ol>
+<ol start='1005'><li title='1005'>一千零五、</li></ol>
+<ol start='1060'><li title='1060'>一千零六十、</li></ol>
+<ol start='1065'><li title='1065'>一千零六十五、</li></ol>
+<ol start='1800'><li title='1800'>一千八百、</li></ol>
+<ol start='1860'><li title='1860'>一千八百六十、</li></ol>
+<ol start='1865'><li title='1865'>一千八百六十五、</li></ol>
+<ol start='5865'><li title='5865'>五千八百六十五、</li></ol>
+<ol start='7005'><li title='7005'>七千零五、</li></ol>
+<ol start='7800'><li title='7800'>七千八百、</li></ol>
+<ol start='7865'><li title='7865'>七千八百六十五、</li></ol>
+<ol start='9999'><li title='9999'>九千九百九十九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073-alt-ref.html
new file mode 100644
index 0000000000..2bead9d9c7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>simp-chinese-informal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: simp-chinese-informal;  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073-ref.html
new file mode 100644
index 0000000000..97b67183f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="[Exploratory] list-style-type: simp-chinese-informal 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: simp-chinese-informal;  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073.html
new file mode 100644
index 0000000000..15a7314044
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-073.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>simp-chinese-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">
+<link rel='match' href='css3-counter-styles-073-ref.html'>
+<link rel='match' href='css3-counter-styles-073-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: simp-chinese-informal produces counter values outside its range without using the prescribed fallback style.">
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: simp-chinese-informal; list-style-position: inside; }
+</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">
+<li title="9999">九千九百九十九</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-074-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-074-ref.html
new file mode 100644
index 0000000000..9a6c9abf1d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-074-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="With list-style-type set to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-074.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-074.html
new file mode 100644
index 0000000000..4dd91d03fa
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-074.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-074-ref.html'>
+<meta name="assert" content="With list-style-type set to simp-chinese-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 { list-style-type: simp-chinese-informal; list-style-position: inside; }
+</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"><li title="-11">负十一、</li><li title="-10">负十、</li><li title="-9">负九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-075-ref.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-075-ref.html
new file mode 100644
index 0000000000..275cea7159
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-075-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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="assert" content="Setting list-style-type to simp-chinese-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: simp-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-075.html b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-075.html
new file mode 100644
index 0000000000..8d7450cd13
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/simp-chinese-informal/css3-counter-styles-075.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>simp-chinese-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" />
+<link rel='match' href='css3-counter-styles-075-ref.html'>
+<meta name="assert" content="Setting list-style-type to simp-chinese-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 { list-style-type: simp-chinese-informal; list-style-position: inside; }
+</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'><li title='1'>一、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-146-ref.html b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-146-ref.html
new file mode 100644
index 0000000000..3d5d5acb4b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-146-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tamil, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:tamil produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tamil;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-146.html b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-146.html
new file mode 100644
index 0000000000..74fbb91985
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-146.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tamil, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-146-ref.html'>
+<meta name="assert" content="list-style-type:tamil produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tamil;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">௧</li>
+<li title="2">௨</li>
+<li title="3">௩</li>
+<li title="4">௪</li>
+<li title="5">௫</li>
+<li title="6">௬</li>
+<li title="7">௭</li>
+<li title="8">௮</li>
+<li title="9">௯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-147-ref.html b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-147-ref.html
new file mode 100644
index 0000000000..3e13967348
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-147-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tamil, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: tamil produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tamil;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-147.html b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-147.html
new file mode 100644
index 0000000000..9a48a83298
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-147.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tamil, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-147-ref.html'>
+<meta name="assert" content="list-style-type: tamil produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tamil;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">௧௦</li></ol>
+<ol start="11"><li title="11">௧௧</li></ol>
+<ol start="12"><li title="12">௧௨</li></ol>
+<ol start="43"><li title="43">௪௩</li></ol>
+<ol start="77"><li title="77">௭௭</li></ol>
+<ol start="80"><li title="80">௮௦</li></ol>
+<ol start="99"><li title="99">௯௯</li></ol>
+<ol start="100"><li title="100">௧௦௦</li></ol>
+<ol start="101"><li title="101">௧௦௧</li></ol>
+<ol start="222"><li title="222">௨௨௨</li></ol>
+<ol start="540"><li title="540">௫௪௦</li></ol>
+<ol start="999"><li title="999">௯௯௯</li></ol>
+<ol start="1000"><li title="1000">௧௦௦௦</li></ol>
+<ol start="1005"><li title="1005">௧௦௦௫</li></ol>
+<ol start="1060"><li title="1060">௧௦௬௦</li></ol>
+<ol start="1065"><li title="1065">௧௦௬௫</li></ol>
+<ol start="1800"><li title="1800">௧௮௦௦</li></ol>
+<ol start="1860"><li title="1860">௧௮௬௦</li></ol>
+<ol start="1865"><li title="1865">௧௮௬௫</li></ol>
+<ol start="5865"><li title="5865">௫௮௬௫</li></ol>
+<ol start="7005"><li title="7005">௭௦௦௫</li></ol>
+<ol start="7800"><li title="7800">௭௮௦௦</li></ol>
+<ol start="7864"><li title="7864">௭௮௬௪</li></ol>
+<ol start="9999"><li title="9999">௯௯௯௯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-148-ref.html b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-148-ref.html
new file mode 100644
index 0000000000..4ca43ee930
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-148-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tamil, 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-numeric'>
+<meta name="assert" content="list-style-type: tamil produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tamil;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-148.html b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-148.html
new file mode 100644
index 0000000000..e149cb06bd
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tamil/css3-counter-styles-148.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tamil, 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-numeric'>
+<link rel='match' href='css3-counter-styles-148-ref.html'>
+<meta name="assert" content="list-style-type: tamil produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tamil;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">௧.</li>
+<li title="2">௨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-149-ref.html b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-149-ref.html
new file mode 100644
index 0000000000..0d7eeba66d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-149-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>telugu, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:telugu produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: telugu;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-149.html b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-149.html
new file mode 100644
index 0000000000..b7008b7809
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-149.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>telugu, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-149-ref.html'>
+<meta name="assert" content="list-style-type:telugu produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: telugu;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">౧</li>
+<li title="2">౨</li>
+<li title="3">౩</li>
+<li title="4">౪</li>
+<li title="5">౫</li>
+<li title="6">౬</li>
+<li title="7">౭</li>
+<li title="8">౮</li>
+<li title="9">౯</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-150-ref.html b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-150-ref.html
new file mode 100644
index 0000000000..dde96153bc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-150-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>telugu, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: telugu produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: telugu;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-150.html b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-150.html
new file mode 100644
index 0000000000..3f4e3c71e0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-150.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>telugu, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-150-ref.html'>
+<meta name="assert" content="list-style-type: telugu produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: telugu;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">౧౦</li></ol>
+<ol start="11"><li title="11">౧౧</li></ol>
+<ol start="12"><li title="12">౧౨</li></ol>
+<ol start="43"><li title="43">౪౩</li></ol>
+<ol start="77"><li title="77">౭౭</li></ol>
+<ol start="80"><li title="80">౮౦</li></ol>
+<ol start="99"><li title="99">౯౯</li></ol>
+<ol start="100"><li title="100">౧౦౦</li></ol>
+<ol start="101"><li title="101">౧౦౧</li></ol>
+<ol start="222"><li title="222">౨౨౨</li></ol>
+<ol start="540"><li title="540">౫౪౦</li></ol>
+<ol start="999"><li title="999">౯౯౯</li></ol>
+<ol start="1000"><li title="1000">౧౦౦౦</li></ol>
+<ol start="1005"><li title="1005">౧౦౦౫</li></ol>
+<ol start="1060"><li title="1060">౧౦౬౦</li></ol>
+<ol start="1065"><li title="1065">౧౦౬౫</li></ol>
+<ol start="1800"><li title="1800">౧౮౦౦</li></ol>
+<ol start="1860"><li title="1860">౧౮౬౦</li></ol>
+<ol start="1865"><li title="1865">౧౮౬౫</li></ol>
+<ol start="5865"><li title="5865">౫౮౬౫</li></ol>
+<ol start="7005"><li title="7005">౭౦౦౫</li></ol>
+<ol start="7800"><li title="7800">౭౮౦౦</li></ol>
+<ol start="7864"><li title="7864">౭౮౬౪</li></ol>
+<ol start="9999"><li title="9999">౯౯౯౯</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-151-ref.html b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-151-ref.html
new file mode 100644
index 0000000000..3b0fba0683
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-151-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>telugu, 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-numeric'>
+<meta name="assert" content="list-style-type: telugu produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: telugu;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-151.html b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-151.html
new file mode 100644
index 0000000000..c763a65c76
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/telugu/css3-counter-styles-151.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>telugu, 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-numeric'>
+<link rel='match' href='css3-counter-styles-151-ref.html'>
+<meta name="assert" content="list-style-type: telugu produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: telugu;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">౧.</li>
+<li title="2">౨.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-152-ref.html b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-152-ref.html
new file mode 100644
index 0000000000..6928ca15ea
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-152-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>thai, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:thai produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: thai;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-152.html b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-152.html
new file mode 100644
index 0000000000..9b1e76a4c9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-152.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>thai, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-152-ref.html'>
+<meta name="assert" content="list-style-type:thai produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: thai;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">๑</li>
+<li title="2">๒</li>
+<li title="3">๓</li>
+<li title="4">๔</li>
+<li title="5">๕</li>
+<li title="6">๖</li>
+<li title="7">๗</li>
+<li title="8">๘</li>
+<li title="9">๙</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-153-ref.html b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-153-ref.html
new file mode 100644
index 0000000000..c87bffd949
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-153-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>thai, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: thai produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: thai;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-153.html b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-153.html
new file mode 100644
index 0000000000..9de0fae60f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-153.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>thai, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-153-ref.html'>
+<meta name="assert" content="list-style-type: thai produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: thai;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">๑๐</li></ol>
+<ol start="11"><li title="11">๑๑</li></ol>
+<ol start="12"><li title="12">๑๒</li></ol>
+<ol start="43"><li title="43">๔๓</li></ol>
+<ol start="77"><li title="77">๗๗</li></ol>
+<ol start="80"><li title="80">๘๐</li></ol>
+<ol start="99"><li title="99">๙๙</li></ol>
+<ol start="100"><li title="100">๑๐๐</li></ol>
+<ol start="101"><li title="101">๑๐๑</li></ol>
+<ol start="222"><li title="222">๒๒๒</li></ol>
+<ol start="540"><li title="540">๕๔๐</li></ol>
+<ol start="999"><li title="999">๙๙๙</li></ol>
+<ol start="1000"><li title="1000">๑๐๐๐</li></ol>
+<ol start="1005"><li title="1005">๑๐๐๕</li></ol>
+<ol start="1060"><li title="1060">๑๐๖๐</li></ol>
+<ol start="1065"><li title="1065">๑๐๖๕</li></ol>
+<ol start="1800"><li title="1800">๑๘๐๐</li></ol>
+<ol start="1860"><li title="1860">๑๘๖๐</li></ol>
+<ol start="1865"><li title="1865">๑๘๖๕</li></ol>
+<ol start="5865"><li title="5865">๕๘๖๕</li></ol>
+<ol start="7005"><li title="7005">๗๐๐๕</li></ol>
+<ol start="7800"><li title="7800">๗๘๐๐</li></ol>
+<ol start="7864"><li title="7864">๗๘๖๔</li></ol>
+<ol start="9999"><li title="9999">๙๙๙๙</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-154-ref.html b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-154-ref.html
new file mode 100644
index 0000000000..20561452a4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-154-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>thai, 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-numeric'>
+<meta name="assert" content="list-style-type: thai produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: thai;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-154.html b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-154.html
new file mode 100644
index 0000000000..5362b78e41
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/thai/css3-counter-styles-154.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>thai, 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-numeric'>
+<link rel='match' href='css3-counter-styles-154-ref.html'>
+<meta name="assert" content="list-style-type: thai produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: thai;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">๑.</li>
+<li title="2">๒.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-155-ref.html b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-155-ref.html
new file mode 100644
index 0000000000..fa6312e78b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-155-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tibetan, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type:tibetan produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tibetan;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-155.html b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-155.html
new file mode 100644
index 0000000000..2e7b9ea374
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-155.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tibetan, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-155-ref.html'>
+<meta name="assert" content="list-style-type:tibetan produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tibetan;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title="1">༡</li>
+<li title="2">༢</li>
+<li title="3">༣</li>
+<li title="4">༤</li>
+<li title="5">༥</li>
+<li title="6">༦</li>
+<li title="7">༧</li>
+<li title="8">༨</li>
+<li title="9">༩</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-156-ref.html b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-156-ref.html
new file mode 100644
index 0000000000..42b608a249
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-156-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tibetan, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: tibetan produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tibetan;  }
+/* 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 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="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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-156.html b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-156.html
new file mode 100644
index 0000000000..5827e0ad77
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-156.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tibetan, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-156-ref.html'>
+<meta name="assert" content="list-style-type: tibetan produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tibetan;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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"><li title="10">༡༠</li></ol>
+<ol start="11"><li title="11">༡༡</li></ol>
+<ol start="12"><li title="12">༡༢</li></ol>
+<ol start="43"><li title="43">༤༣</li></ol>
+<ol start="77"><li title="77">༧༧</li></ol>
+<ol start="80"><li title="80">༨༠</li></ol>
+<ol start="99"><li title="99">༩༩</li></ol>
+<ol start="100"><li title="100">༡༠༠</li></ol>
+<ol start="101"><li title="101">༡༠༡</li></ol>
+<ol start="222"><li title="222">༢༢༢</li></ol>
+<ol start="540"><li title="540">༥༤༠</li></ol>
+<ol start="999"><li title="999">༩༩༩</li></ol>
+<ol start="1000"><li title="1000">༡༠༠༠</li></ol>
+<ol start="1005"><li title="1005">༡༠༠༥</li></ol>
+<ol start="1060"><li title="1060">༡༠༦༠</li></ol>
+<ol start="1065"><li title="1065">༡༠༦༥</li></ol>
+<ol start="1800"><li title="1800">༡༨༠༠</li></ol>
+<ol start="1860"><li title="1860">༡༨༦༠</li></ol>
+<ol start="1865"><li title="1865">༡༨༦༥</li></ol>
+<ol start="5865"><li title="5865">༥༨༦༥</li></ol>
+<ol start="7005"><li title="7005">༧༠༠༥</li></ol>
+<ol start="7800"><li title="7800">༧༨༠༠</li></ol>
+<ol start="7864"><li title="7864">༧༨༦༤</li></ol>
+<ol start="9999"><li title="9999">༩༩༩༩</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-157-ref.html b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-157-ref.html
new file mode 100644
index 0000000000..f61019dae4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-157-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tibetan, 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-numeric'>
+<meta name="assert" content="list-style-type: tibetan produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tibetan;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-157.html b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-157.html
new file mode 100644
index 0000000000..47aaa4660b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/tibetan/css3-counter-styles-157.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>tibetan, 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-numeric'>
+<link rel='match' href='css3-counter-styles-157-ref.html'>
+<meta name="assert" content="list-style-type: tibetan produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: tibetan;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title="1">༡.</li>
+<li title="2">༢.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/counter-trad-chinese-formal-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/counter-trad-chinese-formal-ref.html
new file mode 100644
index 0000000000..8437f83142
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/counter-trad-chinese-formal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x58f9;</div>
+<div>&#x8cb3;</div>
+<div>&#x53c3;</div>
+<div>&#x8086;</div>
+<div>&#x4f0d;</div>
+<div>&#x9678;</div>
+<div>&#x67d2;</div>
+<div>&#x634c;</div>
+<div>&#x7396;</div>
+
+<div>&#x58f9;&#x62fe;</div>
+<div>&#x58f9;&#x4f70;</div>
+<div>&#x58f9;&#x4edf;</div>
+<div>&#x58f9;&#x842c;</div>
+<div>&#x58f9;&#x62fe;&#x842c;</div>
+<div>&#x58f9;&#x4f70;&#x842c;</div>
+<div>&#x58f9;&#x4edf;&#x842c;</div>
+<div>&#x58f9;&#x5104;</div>
+<div>&#x58f9;&#x62fe;&#x5104;</div>
+
+<div>&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x7396;&#x62fe;&#x7396;</div>
+<div>&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x8cb3;&#x4f70;</div>
+<div>&#x9678;&#x4edf;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x96f6;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x96f6;&#x58f9;&#x4f70;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x842c;&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x58f9;&#x62fe;&#x58f9;</div>
+<div>&#x58f9;&#x4edf;&#x58f9;&#x4f70;&#x842c;</div>
+<div>&#x58f9;&#x5104;&#x96f6;&#x58f9;&#x842c;&#x96f6;&#x58f9;</div>
+<div>&#x58f9;&#x5104;&#x96f6;&#x58f9;&#x62fe;&#x58f9;&#x842c;&#x96f6;&#x58f9;</div>
+
+<div>&#x8ca0;&#x58f9;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/counter-trad-chinese-formal.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/counter-trad-chinese-formal.html
new file mode 100644
index 0000000000..4829d3da42
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/counter-trad-chinese-formal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-chinese">
+<link rel="match" href="counter-trad-chinese-formal-ref.html">
+<style>
+  div::after {
+    content: counter(n, trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-086-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-086-ref.html
new file mode 100644
index 0000000000..510800cd1c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-086-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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 trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-086.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-086.html
new file mode 100644
index 0000000000..3acb5ad2d7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-086.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-086-ref.html'>
+<meta name="assert" content="Setting list-style-type to trad-chinese-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 { list-style-type: trad-chinese-formal; list-style-position: inside; }
+</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'><li title='0'>零、</li></ol>
+<ol start='1'><li title='1'>壹、</li></ol>
+<ol start='2'><li title='2'>貳、</li></ol>
+<ol start='3'><li title='3'>參、</li></ol>
+<ol start='4'><li title='4'>肆、</li></ol>
+<ol start='5'><li title='5'>伍、</li></ol>
+<ol start='6'><li title='6'>陸、</li></ol>
+<ol start='7'><li title='7'>柒、</li></ol>
+<ol start='8'><li title='8'>捌、</li></ol>
+<ol start='9'><li title='9'>玖、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-087-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-087-ref.html
new file mode 100644
index 0000000000..9805d6e9b9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-087-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="Setting list-style-type to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-087.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-087.html
new file mode 100644
index 0000000000..cd70ee34d5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-087.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-087-ref.html'>
+<meta name="assert" content="Setting list-style-type to trad-chinese-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 { list-style-type: trad-chinese-formal; list-style-position: inside; }
+</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'><li title='10'>壹拾、</li></ol>
+<ol start='11'><li title='11'>壹拾壹、</li></ol>
+<ol start='12'><li title='12'>壹拾貳、</li></ol>
+<ol start='43'><li title='43'>肆拾參、</li></ol>
+<ol start='77'><li title='77'>柒拾柒、</li></ol>
+<ol start='80'><li title='80'>捌拾、</li></ol>
+<ol start='99'><li title='99'>玖拾玖、</li></ol>
+<ol start='100'><li title='100'>壹佰、</li></ol>
+<ol start='101'><li title='101'>壹佰零壹、</li></ol>
+<ol start='222'><li title='222'>貳佰貳拾貳、</li></ol>
+<ol start='540'><li title='540'>伍佰肆拾、</li></ol>
+<ol start='999'><li title='999'>玖佰玖拾玖、</li></ol>
+<ol start='1000'><li title='1000'>壹仟、</li></ol>
+<ol start='1005'><li title='1005'>壹仟零伍、</li></ol>
+<ol start='1060'><li title='1060'>壹仟零陸拾、</li></ol>
+<ol start='1065'><li title='1065'>壹仟零陸拾伍、</li></ol>
+<ol start='1800'><li title='1800'>壹仟捌佰、</li></ol>
+<ol start='1860'><li title='1860'>壹仟捌佰陸拾、</li></ol>
+<ol start='1865'><li title='1865'>壹仟捌佰陸拾伍、</li></ol>
+<ol start='5865'><li title='5865'>伍仟捌佰陸拾伍、</li></ol>
+<ol start='7005'><li title='7005'>柒仟零伍、</li></ol>
+<ol start='7800'><li title='7800'>柒仟捌佰、</li></ol>
+<ol start='7865'><li title='7865'>柒仟捌佰陸拾伍、</li></ol>
+<ol start='9999'><li title='9999'>玖仟玖佰玖拾玖、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088-alt-ref.html
new file mode 100644
index 0000000000..33815e06c7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>trad-chinese-formal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088-ref.html
new file mode 100644
index 0000000000..602204334e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="[Exploratory] list-style-type: trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088.html
new file mode 100644
index 0000000000..9eeee25795
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-088.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>trad-chinese-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">
+<link rel='match' href='css3-counter-styles-088-ref.html'>
+<link rel='match' href='css3-counter-styles-088-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: trad-chinese-formal produces counter values outside its range without using the prescribed fallback style.">
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: trad-chinese-formal; list-style-position: inside; }
+</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">
+<li title="9999">玖仟玖佰玖拾玖</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-089-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-089-ref.html
new file mode 100644
index 0000000000..87907f7357
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-089-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="With list-style-type set to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-089.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-089.html
new file mode 100644
index 0000000000..ec96c7dfc5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-089.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-089-ref.html'>
+<meta name="assert" content="With list-style-type set to trad-chinese-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 { list-style-type: trad-chinese-formal; list-style-position: inside; }
+</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"><li title="-11">負壹拾壹、</li><li title="-10">負壹拾、</li><li title="-9">負玖、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-090-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-090-ref.html
new file mode 100644
index 0000000000..b488913f4e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-090-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="Setting list-style-type to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-090.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-090.html
new file mode 100644
index 0000000000..2153679bcb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-formal/css3-counter-styles-090.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-090-ref.html'>
+<meta name="assert" content="Setting list-style-type to trad-chinese-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 { list-style-type: trad-chinese-formal; list-style-position: inside; }
+</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'><li title='1'>壹、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal-ref.html
new file mode 100644
index 0000000000..2e156901ed
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x96f6;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x4e00;&#x767e;</div>
+<div>&#x4e00;&#x5343;</div>
+<div>&#x4e00;&#x842c;<div>
+<div>&#x5341;&#x842c;</div>
+<div>&#x4e00;&#x767e;&#x842c;</div>
+<div>&#x4e00;&#x5343;&#x842c;</div>
+<div>&#x4e00;&#x5104;</div>
+<div>&#x5341;&#x5104;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x842c;&#x4e00;&#x5343;&#x4e00;&#x767e;&#x4e00;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x4e00;&#x767e;&#x842c;</div>
+<div>&#x4e00;&#x5104;&#x96f6;&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
+<div>&#x4e00;&#x5104;&#x96f6;&#x5341;&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
+
+<div>&#x8ca0;&#x4e00;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal.html
new file mode 100644
index 0000000000..8fdc1c6cbb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-chinese">
+<link rel="match" href="counter-trad-chinese-informal-ref.html">
+<style>
+  div::after {
+    content: counter(n, trad-chinese-informal);
+  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-081-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-081-ref.html
new file mode 100644
index 0000000000..f02885aa81
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-081-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="Setting list-style-type to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-081.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-081.html
new file mode 100644
index 0000000000..64ce4a6eed
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-081.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-081-ref.html'>
+<meta name="assert" content="Setting list-style-type to trad-chinese-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 { list-style-type: trad-chinese-informal; list-style-position: inside; }
+</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'><li title='0'>零、</li></ol>
+<ol start='1'><li title='1'>一、</li></ol>
+<ol start='2'><li title='2'>二、</li></ol>
+<ol start='3'><li title='3'>三、</li></ol>
+<ol start='4'><li title='4'>四、</li></ol>
+<ol start='5'><li title='5'>五、</li></ol>
+<ol start='6'><li title='6'>六、</li></ol>
+<ol start='7'><li title='7'>七、</li></ol>
+<ol start='8'><li title='8'>八、</li></ol>
+<ol start='9'><li title='9'>九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-082-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-082-ref.html
new file mode 100644
index 0000000000..fd17fa4a2d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-082-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="Setting list-style-type to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-082.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-082.html
new file mode 100644
index 0000000000..3b552ee348
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-082.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-082-ref.html'>
+<meta name="assert" content="Setting list-style-type to trad-chinese-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 { list-style-type: trad-chinese-informal; list-style-position: inside; }
+</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'><li title='10'>十、</li></ol>
+<ol start='11'><li title='11'>十一、</li></ol>
+<ol start='12'><li title='12'>十二、</li></ol>
+<ol start='43'><li title='43'>四十三、</li></ol>
+<ol start='77'><li title='77'>七十七、</li></ol>
+<ol start='80'><li title='80'>八十、</li></ol>
+<ol start='99'><li title='99'>九十九、</li></ol>
+<ol start='100'><li title='100'>一百、</li></ol>
+<ol start='101'><li title='101'>一百零一、</li></ol>
+<ol start='222'><li title='222'>二百二十二、</li></ol>
+<ol start='540'><li title='540'>五百四十、</li></ol>
+<ol start='999'><li title='999'>九百九十九、</li></ol>
+<ol start='1000'><li title='1000'>一千、</li></ol>
+<ol start='1005'><li title='1005'>一千零五、</li></ol>
+<ol start='1060'><li title='1060'>一千零六十、</li></ol>
+<ol start='1065'><li title='1065'>一千零六十五、</li></ol>
+<ol start='1800'><li title='1800'>一千八百、</li></ol>
+<ol start='1860'><li title='1860'>一千八百六十、</li></ol>
+<ol start='1865'><li title='1865'>一千八百六十五、</li></ol>
+<ol start='5865'><li title='5865'>五千八百六十五、</li></ol>
+<ol start='7005'><li title='7005'>七千零五、</li></ol>
+<ol start='7800'><li title='7800'>七千八百、</li></ol>
+<ol start='7865'><li title='7865'>七千八百六十五、</li></ol>
+<ol start='9999'><li title='9999'>九千九百九十九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083-alt-ref.html
new file mode 100644
index 0000000000..ed846b1117
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>trad-chinese-informal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: trad-chinese-informal;  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083-ref.html
new file mode 100644
index 0000000000..d9aeb1d818
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="[Exploratory] list-style-type: trad-chinese-informal 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: trad-chinese-informal;  }
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083.html
new file mode 100644
index 0000000000..c450a52792
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-083.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>trad-chinese-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">
+<link rel='match' href='css3-counter-styles-083-ref.html'>
+<link rel='match' href='css3-counter-styles-083-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: trad-chinese-informal produces counter values outside its range without using the prescribed fallback style.">
+<style>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: trad-chinese-informal; list-style-position: inside; }
+</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">
+<li title="9999">九千九百九十九</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-084-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-084-ref.html
new file mode 100644
index 0000000000..91de9dfc3d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-084-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="With list-style-type set to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-084.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-084.html
new file mode 100644
index 0000000000..bf386b103f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-084.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-084-ref.html'>
+<meta name="assert" content="With list-style-type set to trad-chinese-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 { list-style-type: trad-chinese-informal; list-style-position: inside; }
+</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"><li title="-11">負十一、</li><li title="-10">負十、</li><li title="-9">負九、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-085-ref.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-085-ref.html
new file mode 100644
index 0000000000..5041cc0d6b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-085-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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="assert" content="Setting list-style-type to trad-chinese-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: trad-chinese-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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-085.html b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-085.html
new file mode 100644
index 0000000000..94b575ffaf
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/trad-chinese-informal/css3-counter-styles-085.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>trad-chinese-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" />
+<link rel='match' href='css3-counter-styles-085-ref.html'>
+<meta name="assert" content="Setting list-style-type to trad-chinese-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 { list-style-type: trad-chinese-informal; list-style-position: inside; }
+</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'><li title='1'>一、</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-107-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-107-ref.html
new file mode 100644
index 0000000000..6960ec5be7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-107-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type: upper-armenian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* 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 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>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-107.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-107.html
new file mode 100644
index 0000000000..f997ebd07b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-107.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-107-ref.html'>
+<meta name="assert" content="list-style-type: upper-armenian produces numbers up to 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol>
+<li title='1'>Ա</li>
+<li title='2'>Բ</li>
+<li title='3'>Գ</li>
+<li title='4'>Դ</li>
+<li title='5'>Ե</li>
+<li title='6'>Զ</li>
+<li title='7'>Է</li>
+<li title='8'>Ը</li>
+<li title='9'>Թ</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-108-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-108-ref.html
new file mode 100644
index 0000000000..1cdcf4b703
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-108-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 10+</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-numeric'>
+<meta name="assert" content="list-style-type: upper-armenian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* 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 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.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-108.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-108.html
new file mode 100644
index 0000000000..7a55dbbc69
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-108.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 10+</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-numeric'>
+<link rel='match' href='css3-counter-styles-108-ref.html'>
+<meta name="assert" content="list-style-type: upper-armenian produces numbers after 9 per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='10'>Ժ</li></ol>
+<ol start='11'><li title='11'>ԺԱ</li></ol>
+<ol start='12'><li title='12'>ԺԲ</li></ol>
+<ol start='43'><li title='43'>ԽԳ</li></ol>
+<ol start='77'><li title='77'>ՀԷ</li></ol>
+<ol start='80'><li title='80'>Ձ</li></ol>
+<ol start='99'><li title='99'>ՂԹ</li></ol>
+<ol start='100'><li title='100'>Ճ</li></ol>
+<ol start='101'><li title='101'>ՃԱ</li></ol>
+<ol start='222'><li title='222'>ՄԻԲ</li></ol>
+<ol start='540'><li title='540'>ՇԽ</li></ol>
+<ol start='999'><li title='999'>ՋՂԹ</li></ol>
+<ol start='1000'><li title='1000'>Ռ</li></ol>
+<ol start='1005'><li title='1005'>ՌԵ</li></ol>
+<ol start='1060'><li title='1060'>ՌԿ</li></ol>
+<ol start='1065'><li title='1065'>ՌԿԵ</li></ol>
+<ol start='1800'><li title='1800'>ՌՊ</li></ol>
+<ol start='1860'><li title='1860'>ՌՊԿ</li></ol>
+<ol start='1865'><li title='1865'>ՌՊԿԵ</li></ol>
+<ol start='5865'><li title='5865'>ՐՊԿԵ</li></ol>
+<ol start='7005'><li title='7005'>ՒԵ</li></ol>
+<ol start='7800'><li title='7800'>ՒՊ</li></ol>
+<ol start='7865'><li title='7865'>ՒՊԿԵ</li></ol>
+<ol start='9999'><li title='9999'>ՔՋՂԹ</li></ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-109-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-109-ref.html
new file mode 100644
index 0000000000..feda7913b7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-109-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 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/#simple-numeric'>
+<meta name="assert" content="list-style-type: upper-armenian produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='9999'>
+<div><bdi>ՔՋՂԹ. </bdi>ՔՋՂԹ</div>
+<div><bdi>10000. </bdi>10000</div>
+<div><bdi>10001. </bdi>10001</div>
+</ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-109.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-109.html
new file mode 100644
index 0000000000..0299db5484
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-109.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 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/#simple-numeric'>
+<link rel='match' href='css3-counter-styles-109-ref.html'>
+<meta name="assert" content="list-style-type: upper-armenian produces numbers in the fallback counter style above the limit per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='9999'>
+<li title='9999'>ՔՋՂԹ</li>
+<li title='10000'>10000</li>
+<li title='10001'>10001</li>
+</ol>
+</div>
+<!--Notes:
+You will need an appropriate font to run this test.
+The test relies on the start attribute working.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-110-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-110-ref.html
new file mode 100644
index 0000000000..a29df3dbda
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-110-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 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-numeric'>
+<meta name="assert" content="list-style-type: upper-armenian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class='test'><ol>
+<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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-110.html b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-110.html
new file mode 100644
index 0000000000..9687b6c31c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-armenian/css3-counter-styles-110.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-armenian, 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-numeric'>
+<link rel='match' href='css3-counter-styles-110-ref.html'>
+<meta name="assert" content="list-style-type: upper-armenian produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-armenian;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title='1'>Ա.</li>
+<li title='2'>Բ.</li>
+</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>
+\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-023-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-023-ref.html
new file mode 100644
index 0000000000..63b6f99257
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-023-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: upper-roman produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<div><bdi>I. </bdi>I</div>
+<div><bdi>II. </bdi>II</div>
+<div><bdi>III. </bdi>III</div>
+<div><bdi>IV. </bdi>IV</div>
+<div><bdi>V. </bdi>V</div>
+<div><bdi>VI. </bdi>VI</div>
+<div><bdi>VII. </bdi>VII</div>
+<div><bdi>VIII. </bdi>VIII</div>
+<div><bdi>IX. </bdi>IX</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-023.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-023.html
new file mode 100644
index 0000000000..cab6d4694f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-023.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-023-ref.html'>
+<meta name="assert" content="list-style: upper-roman produces numbers up to 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol>
+<li title="1">I</li>
+<li title="2">II</li>
+<li title="3">III</li>
+<li title="4">IV</li>
+<li title="5">V</li>
+<li title="6">VI</li>
+<li title="7">VII</li>
+<li title="8">VIII</li>
+<li title="9">IX</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024-ref.html
new file mode 100644
index 0000000000..71f63f99ea
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024-ref.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 10-3999</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style: upper-roman produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test">
+<ol start='10'><div><bdi>X. </bdi>X</div></ol>
+<ol start='11'><div><bdi>XI. </bdi>XI</div></ol>
+<ol start='12'><div><bdi>XII. </bdi>XII</div></ol>
+<ol start='43'><div><bdi>XLIII. </bdi>XLIII</div></ol>
+<ol start='77'><div><bdi>LXXVII. </bdi>LXXVII</div></ol>
+<ol start='80'><div><bdi>LXXX. </bdi>LXXX</div></ol>
+<ol start='99'><div><bdi>XCIX. </bdi>XCIX</div></ol>
+<ol start='100'><div><bdi>C. </bdi>C</div></ol>
+<ol start='101'><div><bdi>CI. </bdi>CI</div></ol>
+<ol start='222'><div><bdi>CCXXII. </bdi>CCXXII</div></ol>
+<ol start='540'><div><bdi>DXL. </bdi>DXL</div></ol>
+<ol start='999'><div><bdi>CMXCIX. </bdi>CMXCIX</div></ol>
+<ol start='1000'><div><bdi>M. </bdi>M</div></ol>
+<ol start='1005'><div><bdi>MV. </bdi>MV</div></ol>
+<ol start='1060'><div><bdi>MLX. </bdi>MLX</div></ol>
+<ol start='1065'><div><bdi>MLXV. </bdi>MLXV</div></ol>
+<ol start='1800'><div><bdi>MDCCC. </bdi>MDCCC</div></ol>
+<ol start='1860'><div><bdi>MDCCCLX. </bdi>MDCCCLX</div></ol>
+<ol start='1865'><div><bdi>MDCCCLXV. </bdi>MDCCCLXV</div></ol>
+<ol start='2555'><div><bdi>MMDLV. </bdi>MMDLV</div></ol>
+<ol start='3000'><div><bdi>MMM. </bdi>MMM</div></ol>
+<ol start='3999'><div><bdi>MMMCMXCIX. </bdi>MMMCMXCIX</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024.html
new file mode 100644
index 0000000000..e3a539ccd8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 10-3999</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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-024-ref.html'>
+<meta name="assert" content="list-style: upper-roman produces numbers after 9 items per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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'><li title='10'>X</li></ol>
+<ol start='11'><li title='11'>XI</li></ol>
+<ol start='12'><li title='12'>XII</li></ol>
+<ol start='43'><li title='43'>XLIII</li></ol>
+<ol start='77'><li title='77'>LXXVII</li></ol>
+<ol start='80'><li title='80'>LXXX</li></ol>
+<ol start='99'><li title='99'>XCIX</li></ol>
+<ol start='100'><li title='100'>C</li></ol>
+<ol start='101'><li title='101'>CI</li></ol>
+<ol start='222'><li title='222'>CCXXII</li></ol>
+<ol start='540'><li title='540'>DXL</li></ol>
+<ol start='999'><li title='999'>CMXCIX</li></ol>
+<ol start='1000'><li title='1000'>M</li></ol>
+<ol start='1005'><li title='1005'>MV</li></ol>
+<ol start='1060'><li title='1060'>MLX</li></ol>
+<ol start='1065'><li title='1065'>MLXV</li></ol>
+<ol start='1800'><li title='1800'>MDCCC</li></ol>
+<ol start='1860'><li title='1860'>MDCCCLX</li></ol>
+<ol start='1865'><li title='1865'>MDCCCLXV</li></ol>
+<ol start='2555'><li title='2555'>MMDLV</li></ol>
+<ol start='3000'><li title='3000'>MMM</li></ol>
+<ol start='3999'><li title='3999'>MMMCMXCIX</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a-ref.html
new file mode 100644
index 0000000000..896af6e7ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 3000-3999</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='author' title='Chris Lilley' href='mailto:chris@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to upper-roman will produce list of up to 9 items in the range range: 1 to 3999.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: upper-roman;  }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='3000'><div><bdi>MMM. </bdi>MMM.</div></ol>
+<ol start='3555'><div><bdi>MMMDLV. </bdi>MMMDLV.</div></ol>
+<ol start='3998'><div><bdi>MMMCMXCVIII. </bdi>MMMCMXCVIII.</div></ol>
+<ol start='3999'><div><bdi>MMMCMXCIX. </bdi>MMMCMXCIX.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a.html
new file mode 100644
index 0000000000..336503883e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 3000-3999</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='author' title='Chris Lilley' href='mailto:chris@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-024a-ref.html'>
+<meta name="assert" content="Setting list-style-type to upper-roman will produce list of up to 9 items in the range range: 1 to 3999.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: upper-roman; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='3000'><li title='3000'>MMM.</li></ol>
+<ol start='3555'><li title='3555'>MMMDLV.</li></ol>
+<ol start='3998'><li title='3998'>MMMCMXCVIII.</li></ol>
+<ol start='3999'><li title='3999'>MMMCMXCIX.</li></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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-025-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-025-ref.html
new file mode 100644
index 0000000000..b3e2c3ad64
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-025-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: upper-roman produces numbers in the fallback counter style above the limit per the spec">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol start='3999'>
+<div><bdi>MMMCMXCIX. </bdi>MMMCMXCIX</div>
+<div><bdi>4000. </bdi>4000</div></ol>
+<ol start='4001'><div><bdi>4001. </bdi>4001</div>
+<div><bdi>4002. </bdi>4002</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-025.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-025.html
new file mode 100644
index 0000000000..322679183f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-025.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 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/#simple-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-025-ref.html'>
+<meta name="assert" content="list-style-type: upper-roman produces numbers in the fallback counter style above the limit per the spec">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p>
+<div class="test"><ol start='3999'>
+<li title='3999'>MMMCMXCIX</li>
+<li title='4000'>4000</li></ol>
+<ol start='4001'><li title='4001'>4001</li>
+<li title='4002'>4002</li>
+</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-026-ref.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-026-ref.html
new file mode 100644
index 0000000000..5c9aa58656
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-026-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="list-style-type: upper-roman produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
+<div class="test"><ol>
+<div><bdi>I. </bdi>I.</div>
+<div><bdi>II. </bdi>II.</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>
diff --git a/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-026.html b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-026.html
new file mode 100644
index 0000000000..40f78b2ae3
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/upper-roman/css3-counter-styles-026.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>upper-roman, 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-numeric'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-026-ref.html'>
+<meta name="assert" content="list-style-type: upper-roman produces a suffix per the spec.">
+<style type='text/css'>
+ol li { list-style-type: upper-roman;  }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</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>
+<li title='1'>I.</li>
+<li title='2'>II.</li>
+</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>
author	Daniel Baumann <daniel.baumann@progress-linux.org>	2024-04-07 17:32:43 +0000
committer	Daniel Baumann <daniel.baumann@progress-linux.org>	2024-04-07 17:32:43 +0000
commit	6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
tree	a68f146d7fa01f0134297619fbe7e33db084e0aa /testing/web-platform/tests/css/css-counter-styles
parent	Initial commit. (diff)
download	thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip