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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     td {
   6       padding: 10px;
   7     }
   8     span {
   9       padding: 5px 14px;
  10     }
  11     .font-size-200 {
  12       font-size: 200%;
  13     }
  14     .font-size-400 {
  15       font-size: 400%;
  16     }
  17     .border-slices {
  18       border: 20px solid transparent;
  19       border-image: url("resources/button-border.svg") 0 14 0 14 fill;
  20     }
  21     .no-border-image-cropped {
  22       border: 0px none;
  23       background-image: url("resources/button-border-cropped.svg");
  24       background-size: 100% 100%;
  25     }
  26     .no-border-image {
  27       border: 0px none;
  28       background-image: url("resources/button-border.svg");
  29       background-size: 100% 100%;
  30     }
  31   </style>
  32 </head>
  33 <body>
  34   <table>
  35     <tr>
  36       <td><span class="font-size-200 border-slices">Search</span></td>
  37       <td><span class="font-size-200 no-border-image-cropped">Search</span></td>
  38       <td><span class="font-size-200 no-border-image">Search</span></td>
  39     </tr>
  40     <tr>
  41       <td><span class="font-size-400 border-slices">Search</span></td>
  42       <td><span class="font-size-400 no-border-image-cropped">Search</span></td>
  43       <td><span class="font-size-400 no-border-image">Search</span></td>
  44     </tr>
  45   </table>
  46 </body>
  47 </html>