Click Here for FREE Web Hosting!

Home >> Tables >> Table Borders

Table Borders

Table Borders: BORDER, FRAME and RULES

Table Borders: The Basics

By default, tables do not have borders. For example, this code, which does not have any attributes in the <TABLE ...> tag, produces a table with no borders:

<TABLE>

<TR> <TD>watermelon</TD> <TD>grapes</TD>  </TR>

<TR> <TD>peaches</TD>    <TD>bananas</TD> </TR>

</TABLE>

which gives us

watermelon	grapes
peaches	bananas

To give the table borders we add the BORDER attribute to the <TABLE ...> tag:

<TABLE BORDER>

which gives us this table

watermelon	grapes
peaches	bananas

BORDER sets the width of the outer border. So, for example, this code creates a table with an outside border width of 10:

<TABLE BORDER=10>

which gives us this table

watermelon	grapes
peaches	bananas

Note that BORDER sets the width of the outside border. The width of the inside borders are set with CELLSPACING.

Table Borders

Table Borders: BORDER, FRAME and RULES