third_party/WebKit/LayoutTests/fast/borders/border-image-fill-no-border-expected.html

   1 <html>
   2 <head>
   3   <style>
   4     .inline-block {
   5       display: inline-block;
   6       margin: 10px;
   7     }
   8     .fixed-container {
   9       height: 80px;
  10       width: 80px;
  11     }
  12     .square-background-two-layer {
  13         background-color: yellow;
  14         background-image: url('resources/svg-100x100-intrinsic.svg'), none;
  15         background-size: 100% 100%, auto;
  16     }
  17     .with-padding {
  18         background-size: 100% 100%, auto;
  19         background-clip: content-box, border-box;
  20         background-origin: content-box, padding-box;
  21         padding: 20px;
  22     }
  23     .green-bg {
  24         background-color: green;
  25     }
  26     .lime-border {
  27         border: 20px solid lime;
  28         background-color: green;
  29     }
  30   </style>
  31 </head>
  32 <body>
  33   <div class="inline-block fixed-container square-background-two-layer"></div>
  34   <div class="inline-block fixed-container square-background-two-layer with-padding"></div>
  35   <div class="inline-block fixed-container green-bg"></div>
  36   <div class="inline-block fixed-container green-bg lime-border"></div>
  37   <br>
  38   <div class="inline-block fixed-container square-background-two-layer"></div>
  39   <div class="inline-block fixed-container square-background-two-layer with-padding"></div>
  40   <div class="inline-block fixed-container green-bg"></div>
  41   <div class="inline-block fixed-container green-bg lime-border"></div>
  42   <br>
  43   <div class="inline-block fixed-container square-background-two-layer"></div>
  44   <div class="inline-block fixed-container square-background-two-layer with-padding"></div>
  45   <div class="inline-block fixed-container green-bg"></div>
  46   <div class="inline-block fixed-container green-bg lime-border"></div>
  47 </body>
  48 </html>