logicalprops-quirklength.html (1268B)
1 <meta charset="utf-8"> 2 <title>CSS Logical Properties</title> 3 <link rel="author" title="Xu Xing" href="mailto:openxu@gmail.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-logical-props-1/#logical-dimension-properties"> 5 <link rel="help" href="https://drafts.csswg.org/css-logical-props-1/#logical-prop"> 6 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-to-physical"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <style> #dummy {} </style> 11 12 <script> 13 function isValidDeclaration(cssText) { 14 var cssRule = document.styleSheets[0].cssRules[0]; 15 cssRule.style = cssText; 16 var valid = (cssRule.style.length > 0); 17 cssRule.style = ""; 18 return valid; 19 } 20 var tests = [ 21 {cssText:"block-size: 1"}, 22 {cssText:"min-block-size: 1"}, 23 {cssText:"max-block-size: 1"}, 24 {cssText:"inline-size: 1"}, 25 {cssText:"min-inline-size: 1"}, 26 {cssText:"max-inline-size: 1"}, 27 {cssText:"margin-block-start: 1"}, 28 {cssText:"margin-block-end: 1"}, 29 {cssText:"margin-inline-start: 1"}, 30 {cssText:"margin-inline-end: 1"}, 31 ]; 32 33 tests.forEach(function(t) { 34 test(() => assert_false(isValidDeclaration(t.cssText)), 'Check that "' + t.cssText + '" is not valid in quirks mode'); 35 }); 36 </script>