tor-browser

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

column-pseudo-computed.html (1334B)

      1 <!DOCTYPE html>
      2 <title>CSS Multi-column Layout Test: Computed ::column style</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-multicol-2/#column-pseudo">
      4 <script src="/resources/testharness.js"></script>
      5 <script src="/resources/testharnessreport.js"></script>
      6 <script src="/css/support/computed-testcommon.js"></script>
      7 <style>
      8  #target {
      9    font-size: 20px;
     10    scroll-margin-bottom: 4px;
     11  }
     12  #target::column {
     13    font-size: 40px;
     14    scroll-snap-align: start;
     15    scroll-snap-stop: always;
     16    scroll-margin: 2px;
     17    scroll-margin-top: 2em;
     18    scroll-margin-bottom: inherit;
     19  }
     20 </style>
     21 <div id="target"></div>
     22 <script>
     23  const column_style = getComputedStyle(target, "::column");
     24 
     25  test(() => {
     26    assert_equals(column_style.fontSize, "40px");
     27  }, "::column font-size applied");
     28 
     29  test(() => {
     30    assert_equals(column_style.scrollSnapAlign, "start");
     31  }, "::column scroll-snap-align");
     32 
     33  test(() => {
     34    assert_equals(column_style.scrollSnapStop, "always");
     35  }, "::column scroll-snap-stop");
     36 
     37  test(() => {
     38    assert_equals(column_style.scrollSnapMarginLeft, "2px");
     39    assert_equals(column_style.scrollSnapMarginRight, "2px");
     40    assert_equals(column_style.scrollSnapMarginTop, "80px");
     41    assert_equals(column_style.scrollSnapMarginBottom, "4px");
     42  }, "::column scroll-snap-margin");
     43 
     44 </script>