<!DOCTYPE html>
<style>
div {
width: 20px;
height: 20px;
border: 30px;
border-image-source: url(resources/border-image.png);
border-image-slice: 6;
image-rendering: pixelated;
border-style: solid;
}
</style>
<body>
<!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
<div></div>
</body>