tor-browser

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

border-conflict-element-vrl-006.xht (3283B)

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      2 
      3 <html xmlns="http://www.w3.org/1999/xhtml">
      4 
      5  <head>
      6 
      7   <title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
      8 
      9   <!--
     10   Original (and horizontal-tb) test is
     11   http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
     12   -->
     13 
     14   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
     15   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
     16   <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
     17   <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
     18 
     19   <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
     20 
     21   <style type="text/css"><![CDATA[
     22   table
     23     {
     24       border-collapse: collapse;
     25       direction: ltr;
     26       writing-mode: vertical-rl;
     27     }
     28 
     29   td
     30     {
     31       border-style: solid solid solid solid;
     32       border-width: 20px 20px 20px 20px;
     33       padding: 0px;
     34     }
     35 
     36   td#one
     37     {
     38       border-color: green green green green;
     39     }
     40 
     41   td#two
     42     {
     43       border-color: red green green green;
     44     }
     45 
     46   td#three
     47     {
     48       border-color: red green green green;
     49     }
     50 
     51   td#four
     52     {
     53       border-color: red green green green;
     54     }
     55 
     56 
     57 
     58   td#five
     59     {
     60       border-color: green red green green;
     61     }
     62 
     63   td#six
     64     {
     65       border-color: red red green green;
     66     }
     67 
     68   td#seven
     69     {
     70       border-color: red red green green;
     71     }
     72 
     73   td#eight
     74     {
     75       border-color: red red green green;
     76     }
     77 
     78 
     79 
     80   td#nine
     81     {
     82       border-color: green red green green;
     83     }
     84 
     85   td#ten
     86     {
     87       border-color: red red green green;
     88     }
     89 
     90   td#eleven
     91     {
     92       border-color: red red green green;
     93     }
     94 
     95   td#twelve
     96     {
     97       border-color: red red green green;
     98     }
     99 
    100 
    101 
    102   td#thirteen
    103     {
    104       border-color: green red green green;
    105     }
    106 
    107   td#fourteen
    108     {
    109       border-color: red red green green;
    110     }
    111 
    112   td#fifteen
    113     {
    114       border-color: red red green green;
    115     }
    116 
    117   td#sixteen
    118     {
    119       border-color: red red green green;
    120     }
    121   ]]></style>
    122 
    123  </head>
    124 
    125  <body>
    126 
    127   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
    128 
    129   <table>
    130 
    131       <tr>
    132           <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
    133       </tr>
    134 
    135       <tr>
    136           <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
    137       </tr>
    138 
    139       <tr>
    140           <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
    141       </tr>
    142 
    143       <tr>
    144           <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
    145       </tr>
    146 
    147   </table>
    148 
    149  </body>
    150 </html>