hanging-punctuation-allow-end-001-ref.xht (2701B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> 4 <head> 5 <title>CSS Test: hanging-punctuation - allow-end - basic cases Reftest Reference</title> 6 <link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" /> 7 <style type="text/css"> 8 <![CDATA[ 9 body { 10 font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 11 } 12 .no-wrap { 13 white-space: nowrap; 14 } 15 .parent { 16 border: 1px solid gray; 17 margin-left: 2em; 18 width: 10em 19 } 20 div.wrapper { 21 display: inline-block; 22 border: 1px solid; 23 margin: 10px; 24 padding: 10px; 25 } 26 span.attention { 27 color: red; 28 } 29 ]]> 30 </style> 31 </head> 32 <body> 33 <p> 34 Test passes if each pair of upper and lower text in the square box is identical. 35 </p> 36 <div class="wrapper"> 37 <div> 38 IDEOGRAPHIC COMMA 39 </div> 40 <div class="parent"> 41 <div class="no-wrap"> 42 これらは満たす文字で、<br />それらも満たす文字で<br />す。 43 </div> 44 <br /> 45 <div class="no-wrap"> 46 これらは満たす文字で、<br />それらも満たす文字で<br />す。 47 </div> 48 </div> 49 </div> 50 <div class="wrapper"> 51 <div> 52 IDEOGRAPHIC FULL STOP 53 </div> 54 <div class="parent"> 55 <div class="no-wrap"> 56 これは満たす文字です。 57 </div> 58 <br /> 59 <div class="no-wrap"> 60 これは満たす文字です。 61 </div> 62 </div> 63 </div> 64 <div class="wrapper"> 65 <div> 66 HALFWIDTH IDEOGRAPHIC COMMA 67 </div> 68 <div class="parent"> 69 <div class="no-wrap"> 70 ﾐﾀｽﾓｼﾞ､ﾐﾀｽﾓｼﾞ､ﾐﾀｽﾓｼﾞ､<br />ﾐﾀｽﾓｼﾞ｡ 71 </div> 72 <br /> 73 <div class="no-wrap"> 74 ﾐﾀｽﾓｼﾞ､ﾐﾀｽﾓｼﾞ､ﾐﾀｽﾓｼﾞ､<br />ﾐﾀｽﾓｼﾞ｡ 75 </div> 76 </div> 77 </div> 78 <div class="wrapper"> 79 <div> 80 HALFWIDTH IDEOGRAPHIC FULL STOP 81 </div> 82 <div class="parent"> 83 <div class="no-wrap"> 84 ﾐﾀｽﾓｼﾞ｡ﾐﾀｽﾓｼﾞ｡ﾐﾀｽﾓｼﾞ｡<br />ﾐﾀｽﾓｼﾞ｡ 85 </div> 86 <br /> 87 <div class="no-wrap"> 88 ﾐﾀｽﾓｼﾞ｡ﾐﾀｽﾓｼﾞ｡ﾐﾀｽﾓｼﾞ｡<br />ﾐﾀｽﾓｼﾞ｡ 89 </div> 90 </div> 91 </div> 92 <p> 93 <span class="attention">* You will need a Japanese font.</span><br /> 94 If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and reload this page. 95 </p> 96 </body> 97 </html>