tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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>