text-emphasis-punctuation-3-ref.html (2439B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS text decoration test: emphasis marks and punctuation</title> 4 5 <style> 6 p { line-height: 2; } 7 </style> 8 9 <p>A few punctuation marks <b>do</b> get emphasis marks:</p> 10 <p lang="ja"> 11 [<ruby>a<rt>•</rt>b<rt>•</rt>c<rt>•</rt></ruby> 12 <!-- list from https://drafts.csswg.org/css-text-decor/#text-emphasis-style-property --> 13 <ruby>#<rt>•</rt></ruby> <!-- # NUMBER SIGN --> 14 <ruby>%<rt>•</rt></ruby> <!-- % PERCENT SIGN --> 15 <ruby>&<rt>•</rt></ruby> <!-- & AMPERSAND --> 16 <ruby>@<rt>•</rt></ruby> <!-- @ COMMERCIAL AT --> 17 <ruby>§<rt>•</rt></ruby> <!-- § SECTION SIGN --> 18 <ruby>¶<rt>•</rt></ruby> <!-- ¶ PILCROW SIGN --> 19 <ruby>؉<rt>•</rt></ruby> <!-- ؉ ARABIC-INDIC PER MILLE SIGN --> 20 <ruby>؊<rt>•</rt></ruby> <!-- ؊ ARABIC-INDIC PER TEN THOUSAND SIGN --> 21 <ruby>٪<rt>•</rt></ruby> <!-- ٪ ARABIC PERCENT SIGN --> 22 <ruby>‰<rt>•</rt></ruby> <!-- ‰ PER MILLE SIGN --> 23 <ruby>‱<rt>•</rt></ruby> <!-- ‱ PER TEN THOUSAND SIGN --> 24 <ruby>⁊<rt>•</rt></ruby> <!-- ⁊ TIRONIAN SIGN ET --> 25 <ruby>⁋<rt>•</rt></ruby> <!-- ⁋ REVERSED PILCROW SIGN --> 26 <ruby>⁓<rt>•</rt></ruby> <!-- ⁓ SWUNG DASH --> 27 <ruby>〽<rt>•</rt></ruby> <!-- 〽️ PART ALTERNATION MARK --> 28 <br> 29 <!-- characters with NFKD equivalence to the above, from UnicodeData.txt --> 30 <ruby>﹟<rt>•</rt></ruby> <!-- SMALL NUMBER SIGN;Po;0;ET;<small> 0023;;;;N;;;;; --> 31 <ruby>﹠<rt>•</rt></ruby> <!-- SMALL AMPERSAND;Po;0;ON;<small> 0026;;;;N;;;;; --> 32 <ruby>﹪<rt>•</rt></ruby> <!-- SMALL PERCENT SIGN;Po;0;ET;<small> 0025;;;;N;;;;; --> 33 <ruby>﹫<rt>•</rt></ruby> <!-- SMALL COMMERCIAL AT;Po;0;ON;<small> 0040;;;;N;;;;; --> 34 <ruby>#<rt>•</rt></ruby> <!-- FULLWIDTH NUMBER SIGN;Po;0;ET;<wide> 0023;;;;N;;;;; --> 35 <ruby>%<rt>•</rt></ruby> <!-- FULLWIDTH PERCENT SIGN;Po;0;ET;<wide> 0025;;;;N;;;;; --> 36 <ruby>&<rt>•</rt></ruby> <!-- FULLWIDTH AMPERSAND;Po;0;ON;<wide> 0026;;;;N;;;;; --> 37 <ruby>@<rt>•</rt></ruby> <!-- FULLWIDTH COMMERCIAL AT;Po;0;ON;<wide> 0040;;;;N;;;;; --> 38 <ruby>x<rt>•</rt>y<rt>•</rt>z<rt>•</rt></ruby>] 39 </p>