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