<!doctype html>
<title>CSS Color 4: Initial value of the color property</title>
<link rel="help" href="https://drafts.csswg.org/css-color/#the-color-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#ref { color: canvastext }
#initial { color: initial }
</style>
<div id="ref"></div>
<div id="initial"></div>
<script>
const canvastext = getComputedStyle(ref).color;
test(() => {
assert_equals(getComputedStyle(document.documentElement).color, canvastext);
}, "Check that the resolved value for the initial color on the root element matches canvastext.");
test(() => {
assert_equals(getComputedStyle(initial).color, canvastext);
}, "Check that the resolved value of an explicit color:initial matches canvastext.");
</script>