<!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>