| <!DOCTYPE html> |
| |
| <html> |
| <head> |
| <style> |
| div { |
| width: 300px; |
| height: 300px; |
| border-image: linear-gradient(30deg, black, white) 1 fill repeat; |
| border: 2px solid green; |
| } |
| </style> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function runTest() |
| { |
| var testChild = document.getElementById('test'); |
| var s = getComputedStyle(testChild); |
| var text = s.getPropertyValue("border-image-source"); |
| if (text == "none") |
| testChild.innerHTML = "PASS"; |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div id="test">FAIL |
| </div> |
| </body> |
| </html> |
