css3-counter-styles-030-ref.html (2651B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"/> 5 <title>hiragana, simple</title> 6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 7 <link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic'> 8 <link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" /> 9 <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."> 10 <style type='text/css'> 11 .test { font-size: 25px; } 12 ol { margin: 0; padding-left: 8em; } 13 ol li { list-style-type: hiragana; } 14 </style> 15 </head> 16 <body> 17 <p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p> 18 19 20 <div class="test"><ol><div><bdi>あ、</bdi>あ、</div> 21 <div><bdi>い、</bdi>い、</div> 22 <div><bdi>う、</bdi>う、</div> 23 <div><bdi>え、</bdi>え、</div> 24 <div><bdi>お、</bdi>お、</div> 25 <div><bdi>か、</bdi>か、</div> 26 <div><bdi>き、</bdi>き、</div> 27 <div><bdi>く、</bdi>く、</div> 28 <div><bdi>け、</bdi>け、</div> 29 <div><bdi>こ、</bdi>こ、</div> 30 <div><bdi>さ、</bdi>さ、</div> 31 <div><bdi>し、</bdi>し、</div> 32 <div><bdi>す、</bdi>す、</div> 33 <div><bdi>せ、</bdi>せ、</div> 34 <div><bdi>そ、</bdi>そ、</div> 35 <div><bdi>た、</bdi>た、</div> 36 <div><bdi>ち、</bdi>ち、</div> 37 <div><bdi>つ、</bdi>つ、</div> 38 <div><bdi>て、</bdi>て、</div> 39 <div><bdi>と、</bdi>と、</div> 40 <div><bdi>な、</bdi>な、</div> 41 <div><bdi>に、</bdi>に、</div> 42 <div><bdi>ぬ、</bdi>ぬ、</div> 43 <div><bdi>ね、</bdi>ね、</div> 44 <div><bdi>の、</bdi>の、</div> 45 <div><bdi>は、</bdi>は、</div> 46 <div><bdi>ひ、</bdi>ひ、</div> 47 <div><bdi>ふ、</bdi>ふ、</div> 48 <div><bdi>へ、</bdi>へ、</div> 49 <div><bdi>ほ、</bdi>ほ、</div> 50 <div><bdi>ま、</bdi>ま、</div> 51 <div><bdi>み、</bdi>み、</div> 52 <div><bdi>む、</bdi>む、</div> 53 <div><bdi>め、</bdi>め、</div> 54 <div><bdi>も、</bdi>も、</div> 55 <div><bdi>や、</bdi>や、</div> 56 <div><bdi>ゆ、</bdi>ゆ、</div> 57 <div><bdi>よ、</bdi>よ、</div> 58 <div><bdi>ら、</bdi>ら、</div> 59 <div><bdi>り、</bdi>り、</div> 60 <div><bdi>る、</bdi>る、</div> 61 <div><bdi>れ、</bdi>れ、</div> 62 <div><bdi>ろ、</bdi>ろ、</div> 63 <div><bdi>わ、</bdi>わ、</div> 64 <div><bdi>ゐ、</bdi>ゐ、</div> 65 <div><bdi>ゑ、</bdi>ゑ、</div> 66 <div><bdi>を、</bdi>を、</div> 67 <div><bdi>ん、</bdi>ん、</div> 68 </ol></div> 69 70 71 <!--Notes: 72 You will need an appropriate font to run this test. 73 74 To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip. 75 --> 76 77 78 </body> 79 </html>