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

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <style>
   5     .inline-block {
   6       display: inline-block;
   7       margin: 10px;
   8     }
   9     .fixed-container {
  10       height: 80px;
  11       width: 80px;
  12     }
  13     .thick-border {
  14         border: 20px solid black;
  15         background-color: yellow;
  16     }
  17     .zero-border {
  18       border: 0px solid black;
  19       background-color: red;
  20     }
  21     .border-image-zero-slice {
  22       border-image: url('resources/svg-100x100-intrinsic.svg') 0 fill;
  23     }
  24     .border-image-thick-slice {
  25       border-image: url('resources/svg-100x100-intrinsic.svg') 25 fill;
  26     }
  27   </style>
  28 </head>
  29 <body>
  30   <div class="inline-block fixed-container zero-border border-image-zero-slice"></div>
  31   <div class="inline-block fixed-container thick-border border-image-zero-slice"></div>
  32   <div class="inline-block fixed-container zero-border border-image-thick-slice"></div>
  33   <div class="inline-block fixed-container thick-border border-image-thick-slice"></div>
  34   <br>
  35   <div class="inline-block"><object class="fixed-container zero-border border-image-zero-slice"></object></div>
  36   <div class="inline-block"><object class="fixed-container thick-border border-image-zero-slice"></object></div>
  37   <div class="inline-block"><object class="fixed-container zero-border border-image-thick-slice"></object></div>
  38   <div class="inline-block"><object class="fixed-container thick-border border-image-thick-slice"></object></div>
  39   <br>
  40   <table class="inline-block fixed-container zero-border border-image-zero-slice"><tr/></table>
  41   <table class="inline-block fixed-container thick-border border-image-zero-slice"><tr/></table>
  42   <table class="inline-block fixed-container zero-border border-image-thick-slice"><tr/></table>
  43   <table class="inline-block fixed-container thick-border border-image-thick-slice"><tr/></table>
  44 </body>
  45 </html>