testing/web-platform/tests/css/css-images/tools/object-view-box-writing-mode-ref-template.html

   1 <!DOCTYPE html>
   2 <html>
   3 <title>CSS object-view-box with vertical writing mode : ref</title>
   4 <link rel="author" href="mailto:khushalsagar@chromium.org">
   5 <script src="support/testHelper.js"></script>
   6 <link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box">
   7
   8 <body>
   9 <style>
  10 html {
  11   writing-mode: vertical-lr;
  12 }
  13 .container_view_box_subset {
  14   width: 50px;
  15   height: 75px;
  16   overflow: hidden;
  17   display: inline-block;
  18 }
  19 .view_box_subset {
  20   position: relative;
  21   top: -25px;
  22 }
  23 </style>
  24 <div class="container_view_box_subset">
  25   <__TAG__ class="view_box_subset"></__TAG__>
  26 </div>
  27 </body>
  28 <script>
  29   populateElements("__IMAGE_SOURCE__");
  30 </script>