<!DOCTYPE html> <html class="reftest-wait"> <style> /* These are the CSS values that the testcase rules should compute to: */ .tb { writing-mode: vertical-rl; inline-size: 10em; } .tbrl { writing-mode: vertical-rl; } .lr { writing-mode: horizontal-tb; } </style> <div class=tb> Hello <span class=lr>horizontal</span> world </div> <div>One <span class=tbrl>two</span> three</div> <!-- replace the <span> contents with their computed writing-mode --> <script> var s = document.querySelectorAll("span"); for (i = 0; i < s.length; i++) { s[i].textContent = window.getComputedStyle(s[i]).writingMode; } document.documentElement.removeAttribute("class"); </script>