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

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html lang="en">
   3  <head>
   4   <title>Border Collapsing Test</title>
   5   <style type="text/css">
   6    .b { border: solid thin blue; padding-left: 3em; margin: 2em; }
   7    .t { display: table; border-collapse: collapse; }
   8    .r { display: table-row; }
   9    .c { display: table-cell; border: solid 20px; height: 2em; width: 2em; }
  10    .r.a > .c.a { border-width: 2px; }
  11   </style>
  12  </head>
  13  <body style="-webkit-writing-mode: vertical-rl;">
  14   <p>The black border below should <i>not</i> cut through the top left corner of
  15   the blue border. It would cut through with our old behavior, but
  16   <a href="https://bugs.webkit.org/show_bug.cgi?id=6838">this</a>
  17   bug fix changed our behavior to match the spec.</p>
  18   <div class="b">
  19    <div class="t">
  20     <p class="r a"> <span class="c a"></span> <span class="c b"></span> </p>
  21     <p class="r b"> <span class="c a"></span> <span class="c b"></span> </p>
  22    </div>
  23   </div>
  24  </body>
  25 </html>