text-emphasis-style-001.html (1062B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>CSS Text Decoration Test - text-emphasis</title> 7 <link rel="author" title="Koroki Takanori" href="mailto:tak.koroki@gmail.com"> 8 <link rel="help" href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style-property" title="3.1. Emphasis Mark Style: the 'text-emphasis-style' property"> 9 <link rel="match" href="reference/text-emphasis-style-001-ref.html"> 10 <meta name="assert" content="Test checks that 'text-emphasis-style: none' shows no emphasis marks."> 11 <style> 12 13 span { 14 /* This style definition will be overwritten by "text-emphasis-style: none;" 15 If the dots appears above the text as emphasis marks, it means "text-emphasis-style: none" is not working. */ 16 text-emphasis-style: dot; 17 } 18 19 #test > .test { 20 text-emphasis-style: none; 21 } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if there is no dots above the text of "Text sample".</p> 26 <p id="test"> 27 <span class="test">Text</span> <span class="test">sample</span> 28 </p> 29 </body> 30 </html>