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 } | 11 } |
11 </style> | 12 </style> |
12 <body> | 13 <body> |
13 <!-- 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 --> |
14 <div></div> | 15 <div></div> |
15 </body> | 16 </body> |
16 <script> | 17 <script> |
17 // Ignore the render tree. | 18 // Ignore the render tree. |
18 if (window.testRunner) | 19 if (window.testRunner) |
19 window.testRunner.dumpAsTextWithPixelResults(); | 20 window.testRunner.dumpAsTextWithPixelResults(); |
20 </script> | 21 </script> |
OLD | NEW |