Content - aa5d736c688d45d340e0947f13c7a895ea312643 - 0b0d905/css/css-color/currentcolor-002.html

visit type:

Tip revision: cd5bb894656e15405f1ab638cda9b24608e19f86 authored by Geoffrey Sneddon on 30 April 2018, 13:10:40 UTC
fixup! Fix #2669: Add alternate_hosts

Tip revision: cd5bb89

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