active-selection-031-ref.html (1436B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reftest Reference</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <link rel="stylesheet" href="../support/highlights.css"> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 11 <style> 12 .highlight_reftest { 13 overflow: hidden; 14 width: 300px; 15 height: 325px; 16 } 17 div > div 18 { 19 color: green; 20 float: left; 21 font: 25px/1 Ahem; 22 margin-left: 16px; 23 } 24 25 div.vrl 26 { 27 writing-mode: vertical-rl; 28 } 29 30 div.vlr 31 { 32 writing-mode: vertical-lr; 33 } 34 35 div.mixed 36 { 37 background-color: yellow; 38 text-orientation: mixed; 39 } 40 41 div.sideways 42 { 43 background-color: yellow; 44 text-orientation: sideways; 45 } 46 47 div.upright 48 { 49 text-orientation: upright; 50 } 51 52 div.upright > span 53 { 54 background-color: yellow; 55 } 56 </style> 57 58 <p>Test passes if each glyph of the 6 "Selected Text" is green and if there is <strong>no red</strong>. 59 60 <div class="highlight_reftest"> 61 62 <div class="vrl mixed">Selected Text</div> 63 64 <div class="vrl sideways">Selected Text</div> 65 66 <div class="vrl upright"><span>Selected Text</span></div> 67 68 <div class="vlr mixed">Selected Text</div> 69 70 <div class="vlr sideways">Selected Text</div> 71 72 <div class="vlr upright"><span>Selected Text</span></div> 73 74 </div>