haikuwebkit/LayoutTests/fast/borders/border-image-reset-by-borde...

35 lines
669 B
HTML

<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
height: 300px;
border-image: -webkit-linear-gradient(30deg, black, white) 1 fill repeat;
border: 2px solid green;
}
</style>
<script>
if (window.testRunner)
window.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";
else
testCHild.innerHTML = "FAIL";
}
</script>
</head>
<body onload="runTest()">
<div id="test">FAIL
</div>
</body>
</html>