<!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> | |
<script> | |
// Ignore the render tree. | |
if (window.testRunner) | |
window.testRunner.dumpAsTextWithPixelResults(); | |
</script> |