1205787-legacy-svg-values-1.html (641B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <style> 4 /* SVG1.1 writing-mode values that should compute to standard CSS values: */ 5 .tb { writing-mode: tb; inline-size: 10em; } 6 .tbrl { writing-mode: tb-rl; } 7 .lr { writing-mode: lr; } 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>