Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
            
- /quirks/unitless-length/excluded-properties-002.html - WPT Dashboard Interop Dashboard
 
 
<html>
<head>
<meta charset="utf-8">
<title>Many properties do not support quirky-length</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<meta name="assert" content="quirky-length is not supported by properties not listed.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="target"></div>
<script>
'use strict';
var properties = [
    'background-blend-mode',
    'background-size',
    'box-shadow',
    'clip-path',
    'column-span',
    'filter',
    'mask',
    'object-position',
    'perspective-origin',
    'text-shadow',
    'transform-origin'
];
for (let property of properties) {
  test(() => {
    if (!getComputedStyle(target)[property]) {
      assert_unreached('Property ' + property + ' not supported');
    }
    target.style[property] = '1234';
    assert_not_equals(target.style[property], '1234');
    assert_not_equals(target.style[property], '1234px');
    assert_not_equals(target.style[property], '1234px auto');
  }, 'Property ' + property + ' does not support quirky length');
}
</script>
</body>
</html>