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

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

TestRefTest SourceRef Source

/css/css-ui/outline-color-002.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-002-ref.html">
<meta name="assert" content="Test Checks if accent-color is used when outline-color and outline-style auto">

<body>
    <div  style="margin: 10px; height: 50px; width: 100px; outline: green auto">green outline</div>
    <div  style="margin: 10px; height: 50px; width: 100px; outline: green auto; accent-color: purple;" >green outline</div>
    <div  style="margin: 10px; height: 50px; width: 100px; outline: auto; accent-color: purple;" >purple outline</div>
    <div  style="margin: 10px; height: 50px; width: 100px; outline: green solid; " >green outline</div>
</body>

/css/css-ui/outline-color-002-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="margin: 10px; height: 50px; width: 100px; outline: green auto;">green outline</div>
  <div  style="margin: 10px; height: 50px; width: 100px; outline: green auto;" >green outline</div>
  <div  style="margin: 10px; height: 50px; width: 100px; outline: purple auto;" >purple outline</div>
  <div  style="margin: 10px; height: 50px; width: 100px; outline: green solid; " >green outline</div>
</body>

</html>