Content - aa5d736c688d45d340e0947f13c7a895ea312643 - 5a4e4b5/css/css-color/currentcolor-002.html

visit type:

Tip revision: 374f409cd811fb34b5dc9912ac8fbbf5ff0ff3af authored by Darwin Huang on 22 December 2018, 17:56:00 UTC
Async Clipboard: ReadImage/WriteImage Proof of Concept (experimental).

Tip revision: 374f409

currentcolor-002.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Color 4: currentcolor</title>
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#currentcolor-color">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="This happens at used-value time, which means that if the value is inherited, it’s inherited as currentcolor, not as the value of the color property, so descendants will use their own color property to resolve it.">
<style>
    .outer {color: red; background-color: currentColor; font-size: 200%; width: 6em; height: 6em; }
    .middle {background-color: inherit; width: 6em; height: 6em;}
    .inner {color: green; background-color: inherit; width: 6em; height: 6em; font-weight: bold;}
</style>
<body>
    <p>Test passes if you see a green square, and no red.</p>
    <div class="outer"><div class="middle"><div class="inner">FAIL</div></div></div>
</body>

Browse the archive

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