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