Blitz - WPT: border-radius.html

wpt / css / css-viewport / zoom / explicit-inherit / border-radius.html

/css/css-viewport/zoom/explicit-inherit/border-radius.html

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

/css/css-viewport/zoom/explicit-inherit/border-radius-ref.html

<!DOCTYPE html>
<title>border-radius:inherit applies zoom (ref)</title>
<link rel=help href=https://drafts.csswg.org/css-viewport/>
<style>
  .zoomed {
    background: coral;
    width: 200px;
    height: 200px;
    border: 10px solid black;
    border-radius: 40px;
  }
</style>
<div class=zoomed></div>