<!DOCTYPE html>
<html>
<head>
<meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-1260" />
<style>
  div {
    border: 30px solid transparent;
    width: 90px;
    height: 90px;
  }
  #border-image-repeat { border-image: url(resources/border-image.svg) 30 fill repeat; }
  #border-image-round { border-image: url(resources/border-image.svg) 30 fill round; }
  #border-image-stretch { border-image: url(resources/border-image.svg) 30 fill stretch; }
</style>
</head>
<body>
  <div id="border-image-repeat"></div>
  <br>
  <div id="border-image-round"></div>
  <br>
  <div id="border-image-stretch"></div>
</body>
</html>