<html>
<head>
<meta charset="utf-8">
<title>inset does not support quirky-length</title>
<link rel="help" href="https://quirks.spec.whatwg.org/#the-unitless-length-quirk">
<meta name="assert" content="quirky-length is not supported by inset.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="target"></div>
<script>
'use strict';
test(() => {
const quirky_values = [
'1',
'1 2px',
'1px 2',
'1 2',
'1 2px 3px',
'1px 2 3px',
'1px 2px 3',
'1 2 3',
'1 2px 3px 4px',
'1px 2 3px 4px',
'1px 2px 3 4px',
'1px 2px 3px 4',
'1 2 3 4'
];
target.style['inset'] = '5px 6px 7px 8px';
for (let value of quirky_values) {
target.style['inset'] = value;
assert_equals(target.style['inset'], '5px 6px 7px 8px', 'inset rejects quirky length "' + value + '"');
}
}, 'inset does not support quirky length values');
</script>
</body>
</html>