Blitz - WPT: overflow-replaced-element-002.html

wpt / css / css-overflow / overflow-replaced-element-002.html

/css/css-overflow/overflow-replaced-element-002.html

<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#overflow-control">
<link rel="author" title="Kenzie Raditya Tirtarahardja" href="mailto:kenzieradityatirtarahardja.18@gmail.com">
<link rel="match" href="overflow-replaced-element-002-ref.html">
<meta name="fuzzy" content="maxDifference=0-6;totalPixels=0-2">
<title> Host languages should define UA style sheet rules that apply a default value of clip to replaced elements and set their overflow-clip-margin to content-box.</title>
<style>
  img, iframe, video, embed {
    border: 4px solid red;
    border-radius: 30px;
    width: 400px;
    height: 300px;
  }
</style>
<iframe srcdoc="&lt;style&gt; html { background-color: green; } &lt;style&gt;"></iframe>
<img src="/media/1x1-green.png" />
<video controls>
  <source src="/media/2x2-green.mp4" type=video/mp4">
</video>
<embed type="image/png" src="/media/1x1-green.png"/>

/css/css-overflow/overflow-replaced-element-002-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#overflow-control">
<link rel="author" title="Kenzie Raditya Tirtarahardja" href="mailto:kenzieradityatirtarahardja.18@gmail.com">
<title> Host languages should define UA style sheet rules that apply a default value of clip to replaced elements and set their overflow-clip-margin to content-box.</title>
<style>
  img, iframe, video, embed {
    border: 4px solid red;
    border-radius: 30px;
    width: 400px;
    height: 300px;
    overflow: clip;
    overflow-clip-margin: content-box;
  }
</style>
<iframe srcdoc="&lt;style&gt; html { background-color: green; } &lt;style&gt;"></iframe>
<img src="/media/1x1-green.png" />
<video controls>
  <source src="/media/2x2-green.mp4" type=video/mp4">
</video>
<embed type="image/png" src="/media/1x1-green.png"/>