blob: 37541d723dd307172e950c3a5892bebcb5cbb1d3 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
<head>
<title>clip computed style</title>
<style type="text/css">
div { height: 5em; width: 10em; font-size:12px }
</style>
<script>
function log(message) {
var console = document.getElementById("console");
console.appendChild(document.createTextNode(message + "\n"));
}
function runTest() {
if (window.testRunner)
testRunner.dumpAsText();
var div = document.getElementById("clip");
if (getComputedStyle(div,'').getPropertyValue("clip") != "rect(5px, 24px, 1px, 12px)") {
log("FAILED");
return;
}
div = document.getElementById("clip2");
if (getComputedStyle(div,'').getPropertyValue("clip") != "auto") {
log("FAILED");
return;
}
log("PASSED");
}
</script>
</head>
<body onload="runTest()">
<div id="clip" style="clip: rect(5px, 2em, 1px, 1em)" ></div>
<div id="clip2" style="clip: auto" ></div>
<div id="console"></div>
</body>
</html>