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