summaryrefslogtreecommitdiffstats
path: root/layout/reftests/writing-mode/1205787-legacy-svg-values-1-ref.html
blob: 251f574151f30369386db8e0b74ea8b08547d9a9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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>