wpt / css / css-ui / outline-color-003.html

Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-ui/outline-color-003.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-color - respect accent-color </title>
<link rel="author" title="Helmut Januschka" href="mailto:helmut@januschka.com">
<link rel="help" title="'outline-color' should use 'accent-color' if auto"
  href="https://www.w3.org/TR/css-ui-4/#propdef-outline-color">
<link rel="match" href="outline-color-003-ref.html">
<meta name="assert" content="Test Checks if accent-color is used when outline-color and outline-style auto">

<div style="padding: 10px; width: 200px; height: 50px; outline: auto; accent-color: purple;">
  <div style="outline: inherit; accent-color: green;">Green inner outline with a purple outer outline</div>
</div>

/css/css-ui/outline-color-003-ref.html

<!DOCTYPE html>
<html>
<head>
  <title>CSS Reftest Reference</title>
  <link rel="author" title="Helmut Januschka" href="mailto:helmut@januschka.com" />
</head>

<body>
  <div style="padding: 10px; width: 200px; height: 50px; outline: purple auto;">
    <div style="outline: green auto;">Green inner outline with a purple outer outline</div>
  </div>
</body>

</html>