image-object-fit-with-background-1-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<html>

  <head>

    <meta charset="utf-8">

    <style type="text/css">

      .test {

        background: salmon;

        padding: 4px;

        width: 32px;

        height: 32px;

        display: block;

        margin-bottom: 2px;

    </style>

  </head>

  <body>

    <img    class="test"    src="blue-32x32.png">

    <embed  class="test"    src="blue-32x32.png">

    <object class="test"   data="blue-32x32.png"></object>

    <video  class="test" poster="blue-32x32.png"></video>

  </body>

</html>