testing/web-platform/tests/css/css-images/tools/object-view-box-fit-none-template.html

   1 <!DOCTYPE html>
   2 <html>
   3 <title>CSS object-view-box with object-fit:none</title>
   4 <link rel="author" href="mailto:khushalsagar@chromium.org">
   5 <link rel="match" href="object-view-box-fit-none-__NAME__-ref.html">
   6 <script src="support/testHelper.js"></script>
   7 <link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box">
   8
   9 <body>
  10 <style>
  11 .view_box_subset {
  12   width: 50px;
  13   height: 100px;
  14   object-view-box: inset(50px 0px 0px 0px);
  15   object-fit: none;
  16   background-color: grey;
  17   margin: 5px;
  18 }
  19
  20 .view_box_subset_with_position {
  21   width: 50px;
  22   height: 100px;
  23   object-view-box: inset(50px 0px 0px 0px);
  24   object-fit: none;
  25   background-color: grey;
  26   margin: 5px;
  27   object-position: 10px 10px;
  28 }
  29 </style>
  30 </body>
  31 <__TAG__ class="view_box_subset"></__TAG__>
  32 <__TAG__ class="view_box_subset_with_position"></__TAG__>
  33 </body>
  34 <script>
  35   populateElements("__IMAGE_SOURCE__");
  36 </script>