border-collapse-004

overflow: hidden and border-collapse: collapse

WeasyPrint

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: overflow: hidden and border-collapse: collapse</title>
 5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 6   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/border-collapse/collapse/001.html" type="text/html">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders">
 8   <style type="text/css">
 9    table { border-collapse: collapse; }
10    div { margin-top: 0.25em; }
11    td, div {
12      border-left: 2em solid;
13      overflow: hidden;
14      padding-left: 0.25em;
15      font: 4em sans-serif;
16      color: navy;
17    }
18   </style>
19  </head>
20  <body>
21   <p>There should be two identical blocks below, each with the word "Test" to the right.</p>
22   <table><tr><td>Test</td></tr></table>
23   <div>Test</div>
24  </body>
25 </html>