Content - aa5d736c688d45d340e0947f13c7a895ea312643 - 59f972f/css/css-color/currentcolor-002.html

visit type:

Tip revision: 67918e50c7f9aae6c81060ae466a47b8482d6beb authored by Eric Willigers on 25 March 2018, 12:48:42 UTC
CSS Backgrounds and Borders 3 parsing tests

Tip revision: 67918e5

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