1205787-legacy-svg-values-1-ref.html (664B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <style> 4 /* These are the CSS values that the testcase rules should compute to: */ 5 .tb { writing-mode: vertical-rl; inline-size: 10em; } 6 .tbrl { writing-mode: vertical-rl; } 7 .lr { writing-mode: horizontal-tb; } 8 </style> 9 <div class=tb> 10 Hello 11 <span class=lr>horizontal</span> 12 world 13 </div> 14 15 <div>One <span class=tbrl>two</span> three</div> 16 17 <!-- replace the <span> contents with their computed writing-mode --> 18 <script> 19 var s = document.querySelectorAll("span"); 20 for (i = 0; i < s.length; i++) { 21 s[i].textContent = window.getComputedStyle(s[i]).writingMode; 22 } 23 24 document.documentElement.removeAttribute("class"); 25 </script>