<style>
    div {
      width: 200px;
      height: 300px;
      image-rendering: -moz-crisp-edges;
      image-rendering: crisp-edges;
      image-rendering: pixelated;
      background-image: url('resources/border-image-pixelated.png');
      background-size: contain;
    }
</style>
<div class="border"></div>