text-emphasis-style-filled-001-ref.xht (3635B)
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 - filled - basic cases Reftest Reference</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 <style type="text/css"><![CDATA[ 9 .parent 10 { 11 border: solid 1px gray; 12 font: 1.5em/2 monospace; 13 width: 10em; 14 } 15 ]]></style> 16 </head> 17 <body> 18 <div> 19 <p>Test passes if each pair of upper and lower "Filler Text" in the square box is identical.</p> 20 filled 21 <div class="parent"> 22 <div> 23 <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> 24 Text 25 </div> 26 <div> 27 <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> 28 Text 29 </div> 30 </div> 31 <br /> 32 filled circle 33 <div class="parent"> 34 <div> 35 <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> 36 Text 37 </div> 38 <div> 39 <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> 40 Text 41 </div> 42 </div> 43 <br /> 44 filled dot 45 <div class="parent"> 46 <div> 47 <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> 48 Text 49 </div> 50 <div> 51 <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> 52 Text 53 </div> 54 </div> 55 <br /> 56 filled double-circle 57 <div class="parent"> 58 <div> 59 <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> 60 Text 61 </div> 62 <div> 63 <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> 64 Text 65 </div> 66 </div> 67 <br /> 68 filled sesame 69 <div class="parent"> 70 <div> 71 <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> 72 Text 73 </div> 74 <div> 75 <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> 76 Text 77 </div> 78 </div> 79 <br /> 80 filled triangle 81 <div class="parent"> 82 <div> 83 <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> 84 Text 85 </div> 86 <div> 87 <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> 88 Text 89 </div> 90 </div> 91 </div> 92 </body> 93 </html>