servo/tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-invalid-inset-004.xht

34 lines
No EOL
1.2 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="UTF-8" />
<meta content="dom" name="flags" />
<meta content="shape-outside declaration is invalid if inset shape function has an invalid left param" name="assert" />
<title>CSS Shapes Test: Inset Rectangles - invalid left param</title>
<link href="mailto:sherlock.z0917@gmail.com" rel="author" title="Sherlock Zhong" />
<link href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes" rel="help" />
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset" rel="help" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link href="/resources/testharness.css" rel="stylesheet" />
<style>
#shape{
width: 300px;
height: 300px;
shape-outside: inset(50px 50px 50px 50);
}
</style>
</head>
<body>
<div id="log"></div>
<div id="shape"></div>
<script>
var obj = document.getElementById('shape');
var val = getComputedStyle(obj).shapeOutside;
test(function() {assert_equals(val, "none", "declaration should not be valid")});
</script>
</body></html>