tor-browser

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

columns-computed.html (2275B)

      1 <!DOCTYPE html>
      2 <title>CSS Multi-column Layout: getComputedStyle().columns</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-columns">
      4 <link rel="help" href="https://drafts.csswg.org/css-multicol-2/#propdef-columns">
      5 <meta name="assert" content="The 'columns' shorthand property computes to the correct serialization of its component values, with lengths made absolute.">
      6 <script src="/resources/testharness.js"></script>
      7 <script src="/resources/testharnessreport.js"></script>
      8 <script src="/css/support/computed-testcommon.js"></script>
      9 <div id="target"></div>
     10 <style>
     11  #target {
     12    font-size: 40px;
     13  }
     14 </style>
     15 <script>
     16  test_computed_value("columns", "auto");
     17 
     18  test_computed_value("columns", "0.25em", "10px");
     19  test_computed_value("columns", "2", "2");
     20  test_computed_value("columns", "0.25em 2", "10px 2");
     21  test_computed_value("columns", "2 0.25em", "10px 2");
     22  test_computed_value("columns", "0.25em auto", "10px");
     23  test_computed_value("columns", "auto 0.25em", "10px");
     24  test_computed_value("columns", "2 auto", "2");
     25  test_computed_value("columns", "auto 2", "2");
     26 
     27  test_computed_value("columns", "auto / 2.5em", "auto / 100px");
     28  test_computed_value("columns", "0.25em / 2.5em", "10px / 100px");
     29  test_computed_value("columns", "2 / 2.5em", "2 / 100px");
     30  test_computed_value("columns", "0.25em 2 / 2.5em", "10px 2 / 100px");
     31  test_computed_value("columns", "2 0.25em / 2.5em", "10px 2 / 100px");
     32  test_computed_value("columns", "0.25em auto / 2.5em", "10px / 100px");
     33  test_computed_value("columns", "auto 0.25em / 2.5em", "10px / 100px");
     34  test_computed_value("columns", "2 auto / 2.5em", "2 / 100px");
     35  test_computed_value("columns", "auto 2 / 2.5em", "2 / 100px");
     36 
     37  test_computed_value("columns", "auto / auto", "auto");
     38  test_computed_value("columns", "0.25em / auto", "10px");
     39  test_computed_value("columns", "2 / auto", "2");
     40  test_computed_value("columns", "0.25em 2 / auto", "10px 2");
     41  test_computed_value("columns", "2 0.25em / auto", "10px 2");
     42  test_computed_value("columns", "0.25em auto / auto", "10px");
     43  test_computed_value("columns", "auto 0.25em / auto", "10px");
     44  test_computed_value("columns", "2 auto / auto", "2");
     45  test_computed_value("columns", "auto 2 / auto", "2");
     46 </script>