hyphens-i18n-auto-003.html (899B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: language specific hyphenation—Pinyin</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property"> 6 <link rel="match" href="reference/hyphens-i18n-auto-003-ref.html"> 7 <link rel="match" href="reference/hyphens-i18n-auto-003-alt-ref.html"> 8 <meta name="assert" content="Language specific rules must be taken into account"> 9 <style> 10 div { 11 font-size: 3em; 12 color: orange; 13 } 14 .test { 15 width: 3ch; 16 hyphens: auto; 17 color: blue; 18 } 19 </style> 20 21 <p>Test passes if the blue text is identical to one of the orange texts (which may be identical to eachother, or may have a different hyphen). 22 <div lang=zh-Latn-pinyin class=test>tú’àn</div> 23 <hr> 24 <div lang=zh-Latn-pinyin>tú‐<br>àn</div> 25 <hr> 26 <div lang=zh-Latn-pinyin>tú-<br>àn</div>