text-emphasis-style-string-001.xht (1409B)
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"> 4 <head> 5 <title>CSS Test: text-emphasis-style - string - basic cases</title> 6 <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> 7 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" /> 8 <link rel="help" title="CSS Text Level 3: 11.2.1. Emphasis Mark Style: the ‘text-emphasis-style’ property" href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style-property" /> 9 <link rel="match" href="reference/text-emphasis-style-string-001-ref.xht"/> 10 <meta name="assert" content="This property applies emphasis marks to the element's text. " /> 11 <style type="text/css"><![CDATA[ 12 .parent 13 { 14 border: solid 1px gray; 15 font: 1.5em/2 monospace; 16 width: 10em; 17 } 18 #test 19 { 20 text-emphasis-style: "!"; 21 } 22 ]]></style> 23 </head> 24 <body> 25 <div> 26 <p>Test passes if a pair of upper and lower "Filler Text" in the square box is identical.</p> 27 string 28 <div class="parent"> 29 <div><span id="test">Filler</span> Text</div> 30 <br /> 31 <div> 32 <ruby><rb>F</rb><rt>!</rt><rb>i</rb><rt>!</rt><rb>l</rb><rt>!</rt><rb>l</rb><rt>!</rt><rb>e</rb><rt>!</rt><rb>r</rb><rt>!</rt></ruby> 33 Text 34 </div> 35 </div> 36 </div> 37 </body> 38 </html>