third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-comparison-expected.html

   1 <html>
   2 <head>
   3 <script src="resources/srcset-helper.js"></script>
   4 <style>
   5 div {
   6         box-sizing: border-box;
   7     width: 40px;
   8     height: 13px;
   9 }
  10
  11 .test1 {
  12     border-image-source: url('resources/Breakpoint-2x.png');
  13     border-image-slice: 6 14 6 6 fill;
  14     border-width: 3px 7px 3px 3px;
  15 }
  16
  17 .test2 {
  18     border-image-source: url('resources/Breakpoint-2x.png');
  19     border-image-slice: 6 14 6 6 fill;
  20     border-width: 3px 7px 3px 3px;
  21 }
  22
  23 .test3 {
  24     border-image: url('resources/Breakpoint.png') 3 7 3 3 fill / 3px 7px 3px 3px;
  25 }
  26
  27 .test4 {
  28     border-image: url('resources/Breakpoint.png') 3 7 3 3 fill;
  29     border-width: 3px 7px 3px 3px;
  30 }
  31
  32 @media (-webkit-min-device-pixel-ratio: 2) {
  33     .test3, .test4 {
  34         border-image-source: url('resources/Breakpoint-2x.png');
  35         border-image-slice: 6 14 6 6 fill;
  36     }
  37 }
  38 </style>
  39 </head>
  40
  41 <body>
  42 The first two tests should match the last two.<br><br>
  43 <div class="test1"></div><br>
  44 <div class="test2"></div><br>
  45 <div class="test3"></div><br>
  46 <div class="test4"></div><br>
  47 </body>
  48 </html>