Table Tutor - Lesson 12

There is another useful way to manipulate borders. Start with this...

<table border="3">
 
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
 
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
 
</table>

Ed

Tom

Rick

Larry

Curly

Moe


We can show only the row borders (rules)...

 
<table border="3" rules="rows">
 
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
 
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
 
</table>

Ed

Tom

Rick

Larry

Curly

Moe


Or only the column borders...

<table border="3" rules="cols">
 
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
 
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
 
</table>

Ed

Tom

Rick

Larry

Curly

Moe


Or no inside borders at all...

 
<table border="3" rules="none">
 
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
 
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
 
</table>

Ed

Tom

Rick

Larry

Curly

Moe

Pretty simple, eh? I thought so.

And to think you were worried about learning HTML tables. :-)

<< BACK NEXT >>