tor-browser

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

border-conflict-element-vlr-011.xht (3136B)

      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-lr' table with 'direction: rtl' (complex)</title>
      8 
      9   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
     10   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
     11   <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
     12   <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
     13 
     14   <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" />
     15 
     16   <style type="text/css"><![CDATA[
     17   table
     18     {
     19       border-collapse: collapse;
     20       direction: rtl;
     21       writing-mode: vertical-lr;
     22     }
     23 
     24   td
     25     {
     26       border-style: solid solid solid solid;
     27       border-width: 20px 20px 20px 20px;
     28       padding: 0px;
     29     }
     30 
     31   td#one
     32     {
     33       border-color: green green green green;
     34     }
     35 
     36   td#two
     37     {
     38       border-color: green green red green;
     39     }
     40 
     41   td#three
     42     {
     43       border-color: green green red green;
     44     }
     45 
     46   td#four
     47     {
     48       border-color: green green red green;
     49     }
     50 
     51 
     52 
     53   td#five
     54     {
     55       border-color: green green green red;
     56     }
     57 
     58   td#six
     59     {
     60       border-color: green green red red;
     61     }
     62 
     63   td#seven
     64     {
     65       border-color: green green red red;
     66     }
     67 
     68   td#eight
     69     {
     70       border-color: green green red red;
     71     }
     72 
     73 
     74 
     75   td#nine
     76     {
     77       border-color: green green green red;
     78     }
     79 
     80   td#ten
     81     {
     82       border-color: green green red red;
     83     }
     84 
     85   td#eleven
     86     {
     87       border-color: green green red red;
     88     }
     89 
     90   td#twelve
     91     {
     92       border-color: green green red red;
     93     }
     94 
     95 
     96 
     97   td#thirteen
     98     {
     99       border-color: green green green red;
    100     }
    101 
    102   td#fourteen
    103     {
    104       border-color: green green red red;
    105     }
    106 
    107   td#fifteen
    108     {
    109       border-color: green green red red;
    110     }
    111 
    112   td#sixteen
    113     {
    114       border-color: green green red red;
    115     }
    116   ]]></style>
    117 
    118  </head>
    119 
    120  <body>
    121 
    122   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
    123 
    124   <table>
    125 
    126       <tr>
    127           <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
    128       </tr>
    129 
    130       <tr>
    131           <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
    132       </tr>
    133 
    134       <tr>
    135           <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
    136       </tr>
    137 
    138       <tr>
    139           <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
    140       </tr>
    141 
    142   </table>
    143 
    144  </body>
    145 </html>