contain-size-replaced-003-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Reference</title>

<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">

<link rel="author" href="https://mozilla.org" title="Mozilla">

<style>

  video, audio, canvas, svg, img, embed, object, iframe {

    border: 3px solid teal;

    max-height: 0px;

    max-width: 0px;

    margin: 15px;

</style>

<body>

  <!-- video element: -->

  <video></video>

  <video controls></video>

  <video poster="support/blue-100x100.png"></video>

  <video poster="support/blue-100x100.png" controls></video>

  <video src="support/white.webm" controls></video>

  <video src="support/white.webm" controls></video>

  <br>

  <!-- audio element with controls, and a few other misc replaced elements: -->

  <audio controls></audio>

  <canvas></canvas>

  <svg></svg>

  <br>

  <!-- image elements: -->

  <img src="broken">

  <img src="support/blue-100x100.png">

  <picture><source srcset="support/blue-100x100.png"><img></picture>

  <br>

  <!-- document-embedding elements (with & without a target resource that

       could provide an intrinsic ratio in some cases, in the absence of

       contain:size): -->

  <embed>

  <embed src="support/blue-100x100.png">

  <object></object>

  <object data="support/blue-100x100.png"></object>

  <iframe></iframe>

  <iframe src="support/blue-100x100.png"></iframe>

  <br>

</body>