third_party/WebKit/LayoutTests/fast/borders/border-image-fill-inline-no-border.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-slices {
  22       border: 0px  solid transparent;
  23       border-image: url("resources/button-border.svg") 0 14 0 14 fill;
  24     }
  25     .no-border-no-slices {
  26       border: 0px  solid transparent;
  27       border-image: url("resources/button-border.svg") 0 fill;
  28     }
  29   </style>
  30 </head>
  31 <body>
  32   <table>
  33     <tr>
  34       <td><span class="font-size-200 border-slices">Search</span></td>
  35       <td><span class="font-size-200 no-border-slices">Search</span></td>
  36       <td><span class="font-size-200 no-border-no-slices">Search</span></td>
  37     </tr>
  38     <tr>
  39       <td><span class="font-size-400 border-slices">Search</span></td>
  40       <td><span class="font-size-400 no-border-slices">Search</span></td>
  41       <td><span class="font-size-400 no-border-no-slices">Search</span></td>
  42     </tr>
  43   </table>
  44 </body>
  45 </html>