HTML/Table Tags/controls the outer borders

<table frame="">

Browser
Type	Block-level

The frame attribute of the TABLE element specifies which sides of the outer border are displayed.


<table frame="void"></table>

Attribute	Value	Explanation
frame=" "	void	removes all outer borders
	lhs	displays the left-hand side only
	rhs	displays the right-hand side only
	vsides	displays the left and right sides only
	above	displays the top side only
	below	displays the bottom side only
	hsides	displays the top and bottom sides only
	box	displays all sides
	border	displays all sides

Example

void (Removes all outer borders)


<table border="5" frame="void">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

lhs (Displays the left-hand side only)


<table border="5" frame="lhs">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

rhs (Displays the right-hand side only)


<table border="5" frame="rhs">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

vsides (Displays the left and right sides only)


<table border="5" frame="vsides">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

above (Displays the top side only)


<table border="5" frame="above">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

below (Displays the bottom side only)


<table border="5" frame="below">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

hsides (Displays the top and bottom sides only)


<table border="5" frame="hsides">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

box and border (Displays all sides)


<table border="5" frame="box" style="margin-bottom: 10px;">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

<table border="5" frame="border">
<tr>
<td>Row1 - Col1</td>
<td>Row1 - Col2</td>
<td>Row1 - Col3</td>
</tr>
<tr>
<td>Row2 - Col1</td>
<td>Row2 - Col2</td>
<td>Row2 - Col3</td>
</tr>
</table>

Output

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

Row1 - Col1	Row1 - Col2	Row1 - Col3
Row2 - Col1	Row2 - Col2	Row2 - Col3

Example

Categories