The new frame attribute

<html>
<body>


<h4>Frame - border</h4>
<table frame="border">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>



<h4>Frame - void</h4>
<table frame="void">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - box</h4>
<table frame="box">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - rhs</h4>
<table frame="rhs">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - lhs</h4>
<table frame="lhs">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - vsides</h4>
<table frame="vsides">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - below</h4>
<table frame="below">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - above</h4>
<table frame="above">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


<h4>Frame - hsides</h4>
<table frame="hsides">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>


</body>
</html>

Play with the code:

See working example:

Explanation:

To create different frames around the table, set the attribute frame of the <table> tag to one of the following values: border, void, box, rhs, lhs, vsides, below, above or hsides.

Note: If you can't see the table's frames from the example, the perhaps it is time to upgrade your browser ;-).

The new table's attribute: FRAME

Description:

Code:

Play with the code:

See working example:

Explanation:

See Also: