| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 div { | 6 div { |
| 7 width: 300px; | 7 width: 300px; |
| 8 height: 300px; | 8 height: 300px; |
| 9 border-image: -webkit-linear-gradient(30deg, black, white) 1 fill repeat; | 9 border-image: linear-gradient(30deg, black, white) 1 fill repeat; |
| 10 border: 2px solid green; | 10 border: 2px solid green; |
| 11 } | 11 } |
| 12 </style> | 12 </style> |
| 13 <script> | 13 <script> |
| 14 if (window.testRunner) | 14 if (window.testRunner) |
| 15 window.testRunner.dumpAsText(); | 15 window.testRunner.dumpAsText(); |
| 16 | 16 |
| 17 function runTest() | 17 function runTest() |
| 18 { | 18 { |
| 19 var testChild = document.getElementById('test'); | 19 var testChild = document.getElementById('test'); |
| 20 var s = getComputedStyle(testChild); | 20 var s = getComputedStyle(testChild); |
| 21 var text = s.getPropertyValue("border-image-source"); | 21 var text = s.getPropertyValue("border-image-source"); |
| 22 if (text == "none") | 22 if (text == "none") |
| 23 testChild.innerHTML = "PASS"; | 23 testChild.innerHTML = "PASS"; |
| 24 } | 24 } |
| 25 </script> | 25 </script> |
| 26 </head> | 26 </head> |
| 27 <body onload="runTest()"> | 27 <body onload="runTest()"> |
| 28 <div id="test">FAIL | 28 <div id="test">FAIL |
| 29 </div> | 29 </div> |
| 30 </body> | 30 </body> |
| 31 </html> | 31 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2746583003:
Send deprecation messages for prefixed gradients now that it's possible. (Closed)
