Blitz - WPT: border-color-currentcolor.html

wpt / css / css-color / border-color-currentcolor.html

/css/css-color/border-color-currentcolor.html

<!doctype html>
<title>`border-color: currentColor` resolves to `color` value</title>
<link rel=help href="https://www.w3.org/TR/css-color-3/#currentcolor">
<link rel=author title="Vitaly Dyachkov" href="mailto:vitaly@igalia.com">
<link rel=match href="border-color-currentcolor-ref.html">
<style>
div {
    border-width: 5px;
    border-color: currentColor;
    color: green;
    margin-bottom: 2px;
}
</style>
<p>Test passes if all the border colors are green</p>
<div style="border-style: inset">
inset
</div>
<div style="border-style: outset">
outset
</div>
<div style="border-style: ridge">
ridge
</div>
<div style="border-style: groove">
groove
</div>

/css/css-color/border-color-currentcolor-ref.html

<!doctype html>
<title>CSS Test Reference</title>
<style>
div {
    border-width: 5px;
    border-color: green;
    color: green;
    margin-bottom: 2px;
}
</style>
<p>Test passes if all the border colors are green</p>
<div style="border-style: inset">
inset
</div>
<div style="border-style: outset">
outset
</div>
<div style="border-style: ridge">
ridge
</div>
<div style="border-style: groove">
groove
</div>