third_party/WebKit/LayoutTests/css3/images/pixelated-border-image.html

   1 <!DOCTYPE html>
   2  <style>
   3     div {
   4         width: 20px;
   5         height: 20px;
   6         border: 30px;
   7         border-image-source: url(resources/border-image.png);
   8         border-image-slice: 6;
   9         image-rendering: pixelated;
  10     }
  11 </style>
  12 <body>
  13     <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
  14     <div></div>
  15 </body>
  16 <script>
  17     // Ignore the render tree.
  18     if (window.testRunner)
  19       window.testRunner.dumpAsTextWithPixelResults();
  20 </script>