Main Index |
Top Of Tree |
Tag Index |
Tag History
- What is it?
- The TR element is a part of the original
Simple Table Model and is also part of
the newer, backward compatible Complex
Table Model. It is a table structuring element that provides a
grouping scheme for individual table cells by table row.
- Attributes
- Align
- 2
| 3 | 3.2
| IE2 | M2A8
| N1.1
- Required? No
- Description:
The Align attribute specifies the global horizontal alignment of each
of the cells in this current row.
- Values:
Left | Center |
Right
- BGColor
- 2
| 3 | 3.2
| IE2 | M
| N3B1
- Required? No
- Description:
This attribute sets the background color to be used for each cell in
this current row of table cells.
- Values: An RGB
triplet or a special Color name.
- BorderColor
- 2
| 3 | 3.2
| IE2 | M
| N
- Required? No
- Description:
This attribute sets the internal border color to be used for each cell
in this current row of table cells. Display of this attribute is
dependent on the presence of the BORDER attribute in the
TABLE tag.
- Values: An
RGB triplet or a special
Color name.
- BorderColorDark
- 2
| 3 | 3.2
| IE2 | M
| N
- Required? No
- Description:
This attribute allows independent, 3-D color control over the upper
and left hand borders of the internal cell border color for each cell
in this current row of table cells. To change the lower and right hand
borders of the internal cell border color for each cell in the current
row, use the BorderColorLight attribute (see below.) Display of this
attribute is dependent on the presence of the BORDER attribute in the
TABLE tag.
- Values: An
RGB triplet or a special
Color name.
- BorderColorLight
- 2
| 3 | 3.2
| IE2 | M
| N
- Required? No
- Description:
This attribute allows independent, 3-D color control over the lower and
right hand borders of the internal cell border color for each cell in
this current row of table cells. To change the upper and left hand
borders of the internal cell border color for each cell in the current
row, use the BorderColorDark attribute (see above.) Display of this
attribute is dependent on the presence of the BORDER attribute in the
TABLE tag.
- Values: An
RGB triplet or a special
Color name.
- VAlign
- 2
| 3 | 3.2
| IE2 | M2A8
| N1.1
- Required? No
- Description:
The VAlign attribute specifies the global vertical alignment of each of
the cells in this current row.
- Values: Top |
Middle | Bottom |
Baseline
Style Sheet Attributes
[More on Cascading Style Sheets]
- Class
- 2 | 3
| 3.2 | IE3B1
| M | N4B2
- Required? No
- Description:
This represents an assigned semantic classification grouping(s) for the
current tag.
- Values:
Given as a comma separated list of alphanumeric characters. Class names
may contain spaces (multiple consecutive spaces treated as a single
space.)
- ID
- 2 | 3
| 3.2 | IE3B1
| M | N4B2
- Required? No
- Description:
This assigns an alpha-numeric identifier that is unique
to this tag instance. Style sheets may use this attribute to reference
the current instance of this tag. Hyperlinks may also use this identifier
to serve as a destination.
- Values:
An alphanumeric string - initial character must be a letter followed
by alphabetic characters, digits, "-" or "."
characters. The allowable set of alpha-characters is restricted to the
A-Z and a-z set.
- Style
- 2 | 3
| 3.2 | IE3B1
| M | N4B3
- Required? No
- Description:
This attribute is a text string that provides rendering style
information for the current tag.
- Values:
Please see the description of
inline styles for more
information on how to use this attribute and its
possible values.
- Example
[Using the Simple Table Model]
- <table BORDER="2"
ALIGN="left" CELLPADDING="5"
BORDERCOLOR="#ff0000"
WIDTH="75%">
<caption ALIGN="top">Juggling Capabilities of Waterfront Performers</caption>
<tr> <th>Juggler</th><th>Pins</th><th>Bowling
Balls</th><th>Flaming Baseballs</th>
</tr>
<tr>
<td>Bob</td> <td>5</td> <td>2</td> <td>5</td>
</tr>
<tr>
<td>Larry</td> <td>2</td> <td>7!!!</td> <td>NA</td>
</tr>
<tr>
<td>Julie the Great</td> <td>1</td> <td>2</td> <td>20<br>(She IS great!)</td>
</tr>
<tr> <th COLSPAN=4>NOTE: This is only a small sample</th> </tr>
</table>
- Parent Model
- <table> |
<tbody> |
<thead> |
<tfoot>
- Content Model
- <th> |
<td>
Tips & Tricks
- The HTML Tables specification says that end tags for the TR element
are not necessary. You SHOULD always use it anyway in order
to give your markup better readability and to reduce confusion in case
you need to edit your HTML pages by hand.
- Make sure that the only content of your top-level tags are TR tags.
Also make sure that the only content of your TRs are
TH or TD tags. Otherwise, some browsers may
display table contents incorrectly.
- The Table model (even the Simple Table Model) is easily the most
complex markup structure in HTML. If you have general questions about
this structure see the Table Overview.
- If you are having problems with table layout and borders are turned
off, it can be helpful to temporarily turn them on - this can reveal
clues of why the layout is misbehaving.
Browser Peculiarities
Boring Copyright Stuff...