blob: cf5c3e853d9f9bf43b63e6c6614b909816656cf9 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head id="myhead">
<script src="../../resources/js-test-pre.js"></script>
<script>
if (window.testRunner)
window.testRunner.dumpAsText();
function doTest()
{
description("This succeeds if max-height and max-width are not set together, but are different values.");
var box = document.createElement("div");
box.style['max-height'] = "20px";
box.style['max-width'] = "30px";
document.getElementById("body").appendChild(box);
var style = window.getComputedStyle(box);
if(style.getPropertyValue("max-height") == style.getPropertyValue("max-width"))
testFailed("max-width is NOT independent of max-height.");
else
testPassed("max-width is independent of max-height.");
}
</script>
</head>
<body onload="doTest()" id="body">
</body>
</html>