Blitz - WPT: border-collapse-offset-001.xht

wpt / css / CSS2 / tables / border-collapse-offset-001.xht

/css/CSS2/tables/border-collapse-offset-001.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
    <title>CSS Test: border collapse</title>
    <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
    <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
    <link rel="match" href="border-collapse-offset-001-ref.xht"/>
<style type="text/css">
td {width: 100px; text-align:center}
div {position:absolute; border:green 4px solid}

</style>
</head>

<body>
<div>
<table style="border-collapse:collapse;">
  <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
</tbody></table>
</div>


</body></html>

/css/CSS2/tables/border-collapse-offset-001-ref.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<style type="text/css">
td {width: 100px; text-align:center}
div {position:absolute; border:green 4px solid}

</style>
</head>

<body>
<!-- the height for table cells includes the border -->
<div>
<table cellspacing="0">
  <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
</tbody></table>
</div>


</body></html>