<!
doctype html>
<
html lang=en>
<
meta charset=utf-8>
<
title>CSS-UI test: outline-color: currentcolor</
title>
<
link rel=
"author" title=
"Florian Rivoal" href=
"http://florian.rivoal.net">
<
meta name=flags content=
"">
<
meta name=assert content=
"currentcolor computes to currentcolor on outline-color">
<
link rel=
"match" href=
"../reference/ref-filled-green-100px-square.xht">
<
link rel=help href=
"https://drafts.csswg.org/css-ui-3/#outline-props">
<
style>
body >
div {
width: 100px;
height: 100px;
background: red;
color: red;
display: table-cell; /* Make a BFC */
}
div >
div {
width: 0;
height: 0;
margin: 50px;
color: green;
outline: solid currentcolor 50px;
}
</
style>
<p>Test passes if there is a filled green square and <
strong>no red</
strong>.</p>
<
div><
div></
div></
div>