border-image-fill-inline-no-border.html

<!DOCTYPE html>
<html>
<head>
  <style>
    td {
      padding: 10px;
    }
    span {
      padding: 5px 14px;
    }
    .font-size-200 {
      font-size: 200%;
    }
    .font-size-400 {
      font-size: 400%;
    }
    .border-slices {
      border: 20px solid transparent;
      border-image: url("resources/button-border.svg") 0 14 0 14 fill;
    }
    .no-border-slices {
      border: 0px  solid transparent;
      border-image: url("resources/button-border.svg") 0 14 0 14 fill;
    }
    .no-border-no-slices {
      border: 0px  solid transparent;
      border-image: url("resources/button-border.svg") 0 fill;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <td><span class="font-size-200 border-slices">Search</span></td>
      <td><span class="font-size-200 no-border-slices">Search</span></td>
      <td><span class="font-size-200 no-border-no-slices">Search</span></td>
    </tr>
    <tr>
      <td><span class="font-size-400 border-slices">Search</span></td>
      <td><span class="font-size-400 no-border-slices">Search</span></td>
      <td><span class="font-size-400 no-border-no-slices">Search</span></td>
    </tr>
  </table>
</body>
</html>
chromium/third_party/blink/web_tests/fast/borders/border-image-fill-inline-no-border.html
