1 <!DOCTYPE html>
2 <html lang="en"><head><meta charset="utf-8">
3 <title>CSS-UI test: outline currentColor inheritance</title>
4 <link href="https://florian.rivoal.net" rel="author" title="Florian Rivoal">
5 <meta content="" name="flags">
6 <meta content="currentColor is inherited as a keyword" name="assert">
7 <link href="https://drafts.csswg.org/css-ui-3/#outline-props" rel="help">
8 <link href="https://drafts.csswg.org/css-color-4/#resolve-color-values" rel="help">
9 <link href="reference/ref-filled-green-100px-square.htm" rel="match">
10 <style>
11 body > div {
12 color: red;
13 outline-color: currentcolor;
14 display: table-cell; /*BFC*/
15 }
16
17 div > div {
18 width: 0; height: 0;
19 margin-left: 50px;
20 margin-top: 50px;
21 color: green;
22 outline-color: inherit;
23 outline-width: 50px;
24 outline-style: solid;
25 }
26 </style>
27
28 </head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
29 <div><div></div></div>
30
31 </body></html>