Content - 8d8dfef38d57088a93ac4266040011cd356e7b21 - 72f3818/css/css-cascade/inherit-initial.html

visit type:

Tip revision: b57eb2f370c46465baf71c3422ecb945cfcea7a4 authored by Darren Shen on 19 March 2018, 06:54:15 UTC
[css-typed-om] Add support for min/max-width/height.

Tip revision: b57eb2f

inherit-initial.html

<!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>

Browse the archive

https://github.com/web-platform-tests/wpt