third_party/WebKit/LayoutTests/fast/table/border-collapsing/002-vertical.html

   1 <html>
   2 <head>
   3 <style>
   4 body { overflow: hidden; }
   5 table          { border-collapse: collapse;
   6                  border: 5px solid yellow; }
   7 .col1         { border: 3px solid black; }
   8 td             { border: 1px solid red; padding: 1em; }
   9 td.solid-blue  { border: 5px dashed blue; }
  10 td.solid-green { border: 5px solid green; }
  11 </style>
  12 </head>
  13 <body>
  14 <P>
  15 <TABLE style="-webkit-writing-mode: vertical-rl;">
  16 <COL class="col1"><COL><COL>
  17 <TR>
  18     <TD> 1
  19     <TD> 2
  20     <TD> 3
  21 </TR>
  22 <TR>
  23     <TD> 4
  24     <TD class="solid-blue"> 5
  25     <TD class="solid-green"> 6
  26 </TR>
  27 <TR>
  28     <TD> 7
  29     <TD> 8
  30     <TD> 9
  31 </TR>
  32 <TR>
  33     <TD> 10
  34     <TD> 11
  35     <TD> 12
  36 </TR>
  37 <TR>
  38     <TD> 13
  39     <TD> 14
  40     <TD> 15
  41 </TR>
  42 </table>
  43 <TABLE style="-webkit-writing-mode: vertical-lr;">
  44 <COL class="col1"><COL><COL>
  45 <TR>
  46     <TD> 1
  47     <TD> 2
  48     <TD> 3
  49 </TR>
  50 <TR>
  51     <TD> 4
  52     <TD class="solid-blue"> 5
  53     <TD class="solid-green"> 6
  54 </TR>
  55 <TR>
  56     <TD> 7
  57     <TD> 8
  58     <TD> 9
  59 </TR>
  60 <TR>
  61     <TD> 10
  62     <TD> 11
  63     <TD> 12
  64 </TR>
  65 <TR>
  66     <TD> 13
  67     <TD> 14
  68     <TD> 15
  69 </TR>
  70 </table>
  71 <TABLE style="-webkit-writing-mode: horizontal-bt;">
  72 <COL class="col1"><COL><COL>
  73 <TR>
  74     <TD> 1
  75     <TD> 2
  76     <TD> 3
  77 </TR>
  78 <TR>
  79     <TD> 4
  80     <TD class="solid-blue"> 5
  81     <TD class="solid-green"> 6
  82 </TR>
  83 <TR>
  84     <TD> 7
  85     <TD> 8
  86     <TD> 9
  87 </TR>
  88 <TR>
  89     <TD> 10
  90     <TD> 11
  91     <TD> 12
  92 </TR>
  93 <TR>
  94     <TD> 13
  95     <TD> 14
  96     <TD> 15
  97 </TR>
  98 </table>
  99 </p>
 100 </body>
 101 </html>