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
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Cascading and Inheritance test: Root element inherits from initial values</title>
<link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com">
<link rel="help" href="https://www.w3.org/TR/css3-cascade/#inheriting">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
html {
z-index: inherit;
position: inherit;
overflow: inherit;
background-color: inherit;
}
body {
overflow: scroll;
background-color: pink;
}
</style>
<script>
test(function() {
assert_equals(getComputedStyle(document.documentElement).zIndex, "auto");
}, "z-index:inherit on root element should compute to 'auto'.");
test(function() {
assert_equals(getComputedStyle(document.documentElement).position, "static");
}, "position:inherit on root element should compute to 'static'.");
test(function() {
assert_equals(getComputedStyle(document.documentElement).overflow, "visible");
}, "overflow:inherit on root element should compute to 'visible'.");
test(function() {
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgba(0, 0, 0, 0)");
}, "background-color:inherit on root element should compute to 'rgba(0, 0, 0, 0)'.");
</script>
|
