border-image-width-numbers.html | Explore in Territory

<!doctype html>
<html>
<head>
  <title>Test that numbers in border-image-width are rendered correctly</title>
  <style>
    .ref {
        background: red;
        width: 140px;
        height: 140px;
        position: absolute;
        z-index: -1;
    }
    .test {
        border-style: solid;
        border-width: 20px;
        border-image-width: 0 3.5;
        border-image-slice: 21 30 30 21;
        border-image-source: url(../css/resources/greenbox-100px.png);
        width: 100px;
        height: 100px;
    }
  </style>
</head>
<body>
  <div class="ref"></div>
  <div class="test"></div>
  <p>There should be a green box above.</p>
</body>
</html>

chromium/third_party/blink/web_tests/fast/borders/border-image-width-numbers.html