The HTML <table> element's frame attribute specifies which sides of the table’s border should be displayed. It can take values like a void, above, below, hsides, vsides, lhs, rhs, or box, controlling how the table's edges are framed.
Syntax
<table frame="value">Attribute Values
| Value | Description |
|---|---|
| void | It is used to hide the outside border. |
| above | It is used to display the top outside border. |
| below | It is used to display the bottom outside border. |
| hsides | It is used to display the top and bottom outside border. |
| vsides | It is used to display the left and right outside border. |
| lhs | It is used to display the left outside border. |
| rhs | It is used to display the right outside border. |
| box | It is used to display all sides outside border. |
| border | It is used to display all outside borders. |
Note: The <table> frame Attribute is not supported by HTML 5.
Example: In this example we demonstrates the use of the frame attribute in three tables. The first table has borders on all sides (frame="box"), the second table only shows vertical borders (frame="vsides"), and the third table only shows horizontal borders (frame="hsides").
<!DOCTYPE html>
<html>
<head>
<title>
HTML table frame Attribute
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML table frame Attribute</h2>
<table frame="box">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
</table>
<br>
<table frame="vsides">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
</table>
<br>
<table frame="hsides">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
</table>
</body>
</html>
Output:
Supported Browsers
The browser supported by HTML <table> frame Attribute are listed below: