Status: FAIL | Duration: 20ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html
<!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>
/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html
<!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>