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

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

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

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

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

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