Content - aa5d736c688d45d340e0947f13c7a895ea312643 - e5b3c48/css/css-color/currentcolor-002.html

visit type:

Tip revision: 4f05c011be2ef38886088a09748b90dd2476d40f authored by Mugdha Lakhani on 18 October 2018, 15:50:21 UTC
[Background Fetch] Support access to active fetches.

Tip revision: 4f05c01

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