HTML HTML

HTML Table Borders: Just Rows or Just Columns

<TABLE RULES="..."> controls which internal table borders are displayed. note that these techniques currently only MSIE supports the RULES attribute. To set the table so that there are only borders between rows set RULES to ROWS:

<TABLE 
 border="1" bordercolor="#CBD3E1" bgcolor="#F1F4F5" CELLPADDING=3 CELLSPACING=1 
RULES=ROWS FRAME=BOX
 >

which gives us

Notice that inside the table there are only horizontal borders, but around the outside there are borders all the way around. To have only horizontal borders outside we'll add a FRAME attribute:

<TABLE 
 border="1" bordercolor="#CBD3E1" bgcolor="#F1F4F5" CELLPADDING=3 CELLSPACING=1 
RULES=ROWS FRAME=HSIDES
 >

which gives us

To set the table so that there are only borders between columns set RULES to COLS:

<TABLE 
 border="1" bordercolor="#CBD3E1" bgcolor="#F1F4F5" CELLPADDING=3 CELLSPACING=1 
RULES=COLS FRAME=BOX
 >

which gives us

As before, we've set the inside borders but not the outside borders. To have only vertical borders outside as well as inside we add FRAME=VSIDES:

<TABLE 
 border="1" bordercolor="#CBD3E1" bgcolor="#F1F4F5" CELLPADDING=3 CELLSPACING=1 
RULES=COLS FRAME=VSIDES
 >

which gives us

Table Borders: Borders Between Groups of Rows >