tor-browser

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

multicol-span-all-002.xht (1951B)

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      2 <html xmlns="http://www.w3.org/1999/xhtml">
      3  <head>
      4   <title>CSS Multi-column Layout Test: 'column-span' element - large margin-left and 'overflow: hidden'</title>
      5   <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
      6   <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-16 -->
      7   <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
      8   <link rel="match" href="multicol-span-all-002-ref.xht" />
      9   <meta name="flags" content="ahem" />
     10   <meta name="assert" content="Test of the situation where there is not sufficient space for the spanning element, UA may treat the element as 'column-span: none'; in which case, 'overflow: hidden' will take care of overflowed content out of multi-column box." />
     11   <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     12   <style type="text/css"><![CDATA[
     13   div
     14   {
     15   background-color: yellow;
     16   border: gray solid 1em;
     17   color: navy;
     18   font: 1.25em/1 Ahem;
     19   orphans: 1;
     20   overflow: hidden;
     21   widows: 1;
     22   width: 8em;
     23 
     24   column-count: 4;
     25   column-gap: 0em;
     26 
     27   /*
     28 
     29   N == 4;
     30 
     31   W == 2em;
     32 
     33   */
     34 
     35   }
     36 
     37   span {color: blue;}
     38 
     39   span + span {color: pink;}
     40 
     41   h4
     42   {
     43   background-color: black;
     44   color: black;
     45   font: inherit;
     46   margin: 1em 0 1em 8em;
     47 
     48   column-span: all;
     49   /*
     50   Since there is not sufficient space for the
     51   spanning element, UA may treat the element as
     52   'column-span: none'; in which case,
     53   'overflow: hidden' will take care of
     54   overflowed content out of multi-column box.
     55   */
     56   }
     57   ]]></style>
     58  </head>
     59 
     60  <body>
     61 
     62   <div>
     63     <span id="top-first-and-second-columns"> bl ue bl ue </span>
     64     <span id="top-third-and-fourth-columns"> Pi nk Pi nk </span>
     65     <h4> sPana </h4>
     66     ab cd ef gh
     67     ij kl mn oq
     68   </div>
     69 
     70  </body>
     71 </html>