wpt / css / css-viewport / zoom / explicit-inherit / padding.html

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

TestRefTest SourceRef Source

/css/css-viewport/zoom/explicit-inherit/padding.html

<!DOCTYPE html>
<title>padding:inherit applies zoom</title>
<link rel="help" href="https://drafts.csswg.org/css-viewport/">
<link rel="match" href="padding-ref.html">
<style>
  .parent {
    background: coral;
    width: 50px;
    height: 50px;
    padding: inherit;
    zoom: 2;
  }
  .inner {
    background: green;
    width: 100%;
    height: 100%;
  }
</style>
<div style="padding:10px; display:contents">
  <div class=parent>
    <div class=inner></div>
  </div>
</div>

/css/css-viewport/zoom/explicit-inherit/padding-ref.html

<!DOCTYPE html>
<title>padding:inherit applies zoom (ref)</title>
<link rel="help" href="https://drafts.csswg.org/css-viewport/">
<style>
  .parent {
    background: coral;
    width: 100px;
    height: 100px;
    padding: 20px;
  }
  .inner {
    background: green;
    width: 100%;
    height: 100%;
  }
</style>
<div class=parent>
  <div class=inner></div>
</div>