excluded-properties-001.html (2282B)
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>Many properties do not support quirky-length</title> 5 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org"> 6 <link rel="help" href="https://quirks.spec.whatwg.org/#the-unitless-length-quirk"> 7 <meta name="assert" content="quirky-length is not supported by properties not listed."> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 </head> 11 <body> 12 <div id="target"></div> 13 <script> 14 'use strict'; 15 16 var properties = [ 17 'background-position-x', 18 'background-position-y', 19 'block-size', 20 'border-bottom-left-radius', 21 'border-bottom-right-radius', 22 'border-top-left-radius', 23 'border-top-right-radius', 24 'column-gap', 25 'column-rule-width', 26 'column-width', 27 'flex-basis', 28 'grid-auto-columns', 29 'grid-auto-rows', 30 'grid-template-columns', 31 'grid-template-rows', 32 'inline-size', 33 'inset', 34 'inset-block', 35 'inset-block-end', 36 'inset-block-start', 37 'inset-inline', 38 'inset-inline-end', 39 'inset-inline-start', 40 'margin-block-end', 41 'margin-block-start', 42 'margin-inline-end', 43 'margin-inline-start', 44 'min-block-size', 45 'min-inline-size', 46 'offset-distance', 47 'outline-offset', 48 'outline-width', 49 'padding-block-end', 50 'padding-block-start', 51 'padding-inline-end', 52 'padding-inline-start', 53 'perspective', 54 'row-gap', 55 'scroll-margin-block-end', 56 'scroll-margin-block-start', 57 'scroll-margin-bottom', 58 'scroll-margin-inline-end', 59 'scroll-margin-inline-start', 60 'scroll-margin-left', 61 'scroll-margin-right', 62 'scroll-margin-top', 63 'scroll-padding-block-end', 64 'scroll-padding-block-start', 65 'scroll-padding-bottom', 66 'scroll-padding-inline-end', 67 'scroll-padding-inline-start', 68 'scroll-padding-left', 69 'scroll-padding-right', 70 'scroll-padding-top', 71 'shape-margin' 72 ]; 73 74 for (let property of properties) { 75 test(() => { 76 if (!getComputedStyle(target)[property]) 77 return; 78 target.style[property] = '567px'; 79 target.style[property] = '1234'; 80 assert_equals(target.style[property], '567px'); 81 }, 'Property ' + property + ' does not support quirky length'); 82 } 83 </script> 84 </body> 85 </html>