src/third_party/WebKit/LayoutTests/fast/borders/border-antialiasing.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     div {
   7       -webkit-transform-origin: top left;
   8       margin: 10px;
   9     }
  10     table {
  11       margin: 20px;
  12     }
  13     table.collapsed {
  14       border-collapse: collapse;
  15     }
  16     td {
  17       height: 10px;
  18       width: 10px;
  19       border: 1px solid black;
  20     }
  21
  22     .shrunk {
  23       transform: scale(0.35);
  24     }
  25
  26     .columns {
  27       -webkit-column-width: 10px;
  28       -webkit-column-rule: 1px solid black;
  29       column-width: 10px;
  30       column-rule: 1px solid black;
  31       column-fill: auto;
  32       width: 600px;
  33       height: 100px;
  34     }
  35
  36     .outlines span {
  37       outline: 1px solid black;
  38       margin: 4px;
  39       padding: 2px;
  40     }
  41   </style>
  42 </head>
  43 <body>
  44
  45 <!-- Both tables should render with antialiased borders. -->
  46 <div class="shrunk">
  47   <table class="collapsed">
  48     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  49     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  50     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  51     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  52   </table>
  53   <table>
  54     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  55     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  56     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  57     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  58   </table>
  59
  60   <!-- Column rules should be antialiased -->
  61   <div class="columns">
  62    _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  63   </div>
  64
  65   <div class="outlines">
  66     <span>I am a span<br>I am</span> <span>I am<br>a span I am</span>
  67     <span>I am a span<br>I am</span> <span>I am<br>a span I am</span>
  68     <span>I am a span<br>I am</span> <span>I am<br>a span I am</span>
  69     <span>I am a span<br>I am</span> <span>I am<br>a span I am</span>
  70   </div>
  71 </div>
  72
  73 </body>
  74 </html>