Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text-decor/text-emphasis-punctuation-3.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS text decoration test: emphasis marks and punctuation</title>
<link rel="match" href="text-emphasis-punctuation-3-ref.html">
<meta name="assert" content="emphasis marks are not drawn for punctuation (with a small set of exceptions)">
<style>
p { line-height: 2; }
.emph { text-emphasis: filled dot; }
</style>
<p>A few punctuation marks <b>do</b> get emphasis marks:</p>
<p lang="ja" class="emph">
[abc
# <!-- # NUMBER SIGN -->
% <!-- % PERCENT SIGN -->
& <!-- & AMPERSAND -->
@ <!-- @ COMMERCIAL AT -->
§ <!-- § SECTION SIGN -->
¶ <!-- ¶ PILCROW SIGN -->
؉ <!-- ؉ ARABIC-INDIC PER MILLE SIGN -->
؊ <!-- ؊ ARABIC-INDIC PER TEN THOUSAND SIGN -->
٪ <!-- ٪ ARABIC PERCENT SIGN -->
‰ <!-- ‰ PER MILLE SIGN -->
‱ <!-- ‱ PER TEN THOUSAND SIGN -->
⁊ <!-- ⁊ TIRONIAN SIGN ET -->
⁋ <!-- ⁋ REVERSED PILCROW SIGN -->
⁓ <!-- ⁓ SWUNG DASH -->
〽 <!-- 〽️ PART ALTERNATION MARK -->
<br>
<!-- characters with NFKD equivalence to the above, from UnicodeData.txt -->
﹟ <!-- SMALL NUMBER SIGN;Po;0;ET;<small> 0023;;;;N;;;;; -->
﹠ <!-- SMALL AMPERSAND;Po;0;ON;<small> 0026;;;;N;;;;; -->
﹪ <!-- SMALL PERCENT SIGN;Po;0;ET;<small> 0025;;;;N;;;;; -->
﹫ <!-- SMALL COMMERCIAL AT;Po;0;ON;<small> 0040;;;;N;;;;; -->
# <!-- FULLWIDTH NUMBER SIGN;Po;0;ET;<wide> 0023;;;;N;;;;; -->
% <!-- FULLWIDTH PERCENT SIGN;Po;0;ET;<wide> 0025;;;;N;;;;; -->
& <!-- FULLWIDTH AMPERSAND;Po;0;ON;<wide> 0026;;;;N;;;;; -->
@ <!-- FULLWIDTH COMMERCIAL AT;Po;0;ON;<wide> 0040;;;;N;;;;; -->
xyz]
</p>