wpt / css / css-backgrounds / background-none-none-and-color.html

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

TestRefTest SourceRef Source

/css/css-backgrounds/background-none-none-and-color.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-color">
<link rel="match" href="background-none-none-and-color-ref.html">
<style>
div {
  width: 100px;
  height: 100px;
  border: 2px solid black;
}
</style>
<div style="background: none, none; background-color: blue"></div>
<div style="background-color: blue; background: none, none"></div>
<div style="background: none, none; background-color: blue; overflow: scroll"></div>
  <div style="height: 200px"></div>
</div>
<div style="background-color: blue; background: none, none; overflow: scroll"></div>
  <div style="height: 200px"></div>
</div>

/css/css-backgrounds/background-none-none-and-color-ref.html

<!DOCTYPE html>
<style>
div {
  width: 100px;
  height: 100px;
  border: 2px solid black;
}
</style>
<div style="background-color: blue"></div>
<div></div>
<div style="background-color: blue; overflow: scroll"></div>
  <div style="height: 200px"></div>
</div>
<div style="overflow: scroll"></div>
  <div style="height: 200px"></div>
</div>