HTML <table> frame Attribute

Last Updated : 03 Oct, 2024

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").

html

<!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>