Source code
Revision control
Copy as Markdown
Other Tools
<html>
<head>
<style type="text/css">
table table tr { background: yellow; }
td.gray table {border-top-style:outset}↩
td.rot table {border-top-style:solid;↩
border-bottom-style:solid;}↩
table.rl {border-left-style:solid;↩
border-right-style:solid;}↩
↩
</style>
</head>
<body>
<table ><tr><th colspan="2"><h5>Tables on the left have no bordercolor attribute. Right side is the same but with bordercolor.</h5></th></tr>
<tr><td class="gray">
<table border="1" frame="hsides" rules="none">
<tr><td>border="1" frame="hsides" rules="none"</td><td>cell2</td></tr>
</table>
<br>
<table border="8" frame="hsides" rules="none">
<tr><td>border="8" frame="hsides" rules="none"</td><td>cell2</td></tr>
</table>
<br>
<table border="8" frame="hsides">
<tr><td>border="8" frame="hsides"</td><td>cell2</td></tr>
</table>
<br>
<table border="8" rules="none">
<tr><td>border="8" rules="none"</td><td>cell2</td></tr>
</table>
</td><td class="rot">
<table bordercolor="red" border="1" frame="hsides" rules="none">
<tr><td>border="1" frame="hsides" rules="none"</td><td>cell2</td></tr>
</table>
<br>
<table bordercolor="red" border="8" frame="hsides" rules="none">
<tr><td>border="8" frame="hsides" rules="none"</td><td>cell2</td></tr>
</table>
<br>
<table bordercolor="red" border="8" frame="hsides">
<tr><td>border="8" frame="hsides"</td><td>cell2</td></tr>
</table>
<br>
<table bordercolor="red" border="8" rules="none" class="rl">
<tr><td>border="8" rules="none"</td><td>cell2</td></tr>
</table>
</td></tr>
<tr><th colspan="2"><h5>Without "frame"/"rules" attribute.</h5></th></tr>
<tr><td class="gray">
<table border="1">
<tr><td>border="1"</td><td>cell2</td></tr>
</table>
<br>
<table border="8">
<tr><td>border="8"</td><td>cell2</td></tr>
</table>
</td><td class="rot">
<table bordercolor="red" border="1" class="rl">
<tr><td>border="1"</td><td>cell2</td></tr>
</table>
<br>
<table bordercolor="red" border="8" class="rl">
<tr><td>border="8" </td><td>cell2</td></tr>
</table>
</td></tr>
<tr><th colspan="2"><h5>border-collapse</h5></th></tr>
<tr><td >
<table style="border-collapse:collapse" border="1">
<tr><td>border="1"</td><td>cell2</td></tr>
</table>
<br>
<table style="border-collapse:collapse" border="8">
<tr><td>border="8"</td><td>cell2</td></tr>
</table>
</td><td class="rot">
<table style="border-collapse:collapse" bordercolor="red" border="1" class="rl">
<tr><td>border="1"</td><td>cell2</td></tr>
</table>
<br>
<table style="border-collapse:collapse" bordercolor="red" border="8" class="rl">
<tr><td>border="8" </td><td>cell2</td></tr>
</table>
</td></tr>
<tr><td></td><td>
<h5>bordercolor attribute on other elements</h5>
<table border="8" style="border-style:outset">
<tbody bordercolor="red"><tr><td>TBODY bordercolor</td><td>cell2</td></tr></tbody>
</table><br>
<table border="8" style="border-style:outset">
<tr bordercolor="red"><td>TR bordercolor</td><td>cell2</td></tr>
</table>
<table bordercolor="red" border="8" style="border-style:solid">
<tr><td bordercolor="red">TD bordercolor</td><td>cell2</td></tr>
</table>
</td></tr>
</table>
</body>
</html>