overflow-replaced-element-002-ref.html

firefox-main/testing/web-platform/tests/css/css-overflow/overflow-replaced-element-002-ref.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Scrolling and Overflow

Revision control

Copy as Markdown

Other Tools

<!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"/>