| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="resources/srcset-helper.js"></script> | 3 <script src="resources/srcset-helper.js"></script> |
| 4 <style> | 4 <style> |
| 5 div { | 5 div { |
| 6 box-sizing: border-box; | 6 box-sizing: border-box; |
| 7 width: 40px; | 7 width: 40px; |
| 8 height: 13px; | 8 height: 13px; |
| 9 border-style: solid; |
| 10 border-color: white; |
| 9 } | 11 } |
| 10 | 12 |
| 11 .test1 { | 13 .test1 { |
| 12 border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('res
ources/Breakpoint-2x.png') 2x) 3 7 3 3 fill / 3px 7px 3px 3px; | 14 border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('res
ources/Breakpoint-2x.png') 2x) 3 7 3 3 fill / 3px 7px 3px 3px; |
| 13 } | 15 } |
| 14 | 16 |
| 15 .test2 { | 17 .test2 { |
| 16 border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('res
ources/Breakpoint-2x.png') 2x) 3 7 3 3 fill; | 18 border-image: -webkit-image-set(url('resources/Breakpoint.png') 1x, url('res
ources/Breakpoint-2x.png') 2x) 3 7 3 3 fill; |
| 17 border-width: 3px 7px 3px 3px; | 19 border-width: 3px 7px 3px 3px; |
| 18 } | 20 } |
| (...skipping 17 matching lines...) Expand all Loading... |
| 36 </head> | 38 </head> |
| 37 | 39 |
| 38 <body> | 40 <body> |
| 39 The first two tests should match the last two.<br><br> | 41 The first two tests should match the last two.<br><br> |
| 40 <div class="test1"></div><br> | 42 <div class="test1"></div><br> |
| 41 <div class="test2"></div><br> | 43 <div class="test2"></div><br> |
| 42 <div class="test3"></div><br> | 44 <div class="test3"></div><br> |
| 43 <div class="test4"></div><br> | 45 <div class="test4"></div><br> |
| 44 </body> | 46 </body> |
| 45 </html> | 47 </html> |
| OLD | NEW |