diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-counter-styles/japanese-formal')
13 files changed, 486 insertions, 0 deletions
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>零</div> +<div>壱</div> +<div>弐</div> +<div>参</div> +<div>四</div> +<div>伍</div> +<div>六</div> +<div>七</div> +<div>八</div> +<div>九</div> + +<div>壱拾</div> +<div>壱百</div> +<div>壱阡</div> +<div>壱萬</div> +<div>壱拾萬</div> +<div>壱百萬</div> +<div>壱阡萬</div> +<div>壱億</div> +<div>壱拾億</div> + +<div>壱拾壱</div> +<div>九拾九</div> +<div>壱百壱</div> +<div>弐百</div> +<div>六阡壱</div> +<div>壱萬壱</div> +<div>壱萬壱拾壱</div> +<div>壱萬壱百壱</div> +<div>壱萬壱阡壱百壱拾壱</div> +<div>壱阡壱百萬</div> +<div>壱億壱萬壱</div> +<div>壱億壱拾壱萬壱</div> + +<div>マイナス壱</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> |