| <!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> |