tor-browser

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

table-progression-vlr-004.html (2053B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title>
      4 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
      5 <link rel="match" href="table-progression-002-ref.html">
      6 <meta name="assert" content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.">
      7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" title="3.1 Block Flow Direction: the 'writing-mode' property">
      8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction"z>
      9 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" title="5.1 Orienting Text: the 'text-orientation' property">
     10 
     11 <style>
     12  .test {
     13    writing-mode: vertical-lr;
     14    text-orientation: upright;
     15  }
     16  [dir=rtl] {
     17    direction: rtl;
     18  }
     19 
     20 
     21  table {
     22    border-spacing: 0;
     23    border: solid gray;
     24    margin: 1em;
     25    float: left;
     26  }
     27  td {
     28    width: 1em;
     29    height: 1em;
     30  }
     31 
     32  .navy { background: navy}
     33  .blue { background: blue }
     34  .aqua { background: aqua }
     35  .teal { background: teal }
     36 </style>
     37 
     38 <p>Test passes if the following patterned boxes all look identical.
     39 
     40 <table class="test">
     41  <col span=2 class="navy">
     42  <col class="blue">
     43  <col span=2 class="aqua">
     44  <tr><td><td><td><td><td>
     45 </table>
     46 <table class="test">
     47  <colgroup span=2 class="navy"></colgroup>
     48  <colgroup>
     49    <col class="blue">
     50    <col span=2 class="aqua">
     51  </colgroup>
     52  <tr><td><td><td><td><td>
     53 </table>
     54 
     55 <table dir=rtl class="test">
     56  <col span=2 class="navy">
     57  <col class="blue">
     58  <col span=2 class="aqua">
     59  <tr><td><td><td><td><td>
     60 </table>
     61 <table dir=rtl class="test">
     62  <colgroup span=2 class="navy"></colgroup>
     63  <colgroup>
     64    <col class="blue">
     65    <col span=2 class="aqua">
     66  </colgroup>
     67  <tr><td><td><td><td><td>
     68 </table>
     69 
     70 <table class="reference">
     71  <tr><td class="navy">
     72  <tr><td class="navy">
     73  <tr><td class="blue">
     74  <tr><td class="aqua">
     75  <tr><td class="aqua">
     76 </table>