wpt / css / css-ui / outline-009.html

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

/css/css-ui/outline-009.html

<!doctype html>
<html lang=en>
  <meta charset=utf-8>
  <title>CSS-UI test: computed values of outline-width when outline-style is none</title>
  <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net">
  <meta name=assert content="outline-width does not compute to 0 when outline-style is none">
  <link rel="match" href="outline-009-ref.html">
  <link rel=help href="https://drafts.csswg.org/css-ui-3/#outline-props">
  <link rel=help href="https://github.com/w3c/csswg-drafts/issues/11494#issuecomment-2628447227">
  <style>
  body {
    outline-width: 10px;
    outline-style: none;
  }
  div {
    width: 100px;
    height: 100px;
    background: green;

    outline-width: inherit;
    outline-style: solid;
    outline-color: red;
  }
  </style>

  <p>Outline width <strong>does not</strong> compute to 0 when outline-style is none.</p>
  <div></div>
</html>

/css/css-ui/outline-009-ref.html

<!doctype html>
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/11494#issuecomment-2628447227">
<link rel="author" title="Sam Davis Omekara Jr." href="mailto:samomekarajr@microsoft.com">
<style>
  div {
    width: 100px;
    height: 100px;
    background: green;

    outline-width: 10px;
    outline-style: solid;
    outline-color: red;
  }
</style>
<p>Outline width <strong>does not</strong> compute to 0 when outline-style is none.</p>
<div></div>