valign (HTML attribute)
| IE5.5+ | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| Partial | Partial | Partial | Partial |
| Depr. | Version |
|---|---|
| No | HTML 4 |
Example
The valign is
set to "bottom" for each of these td
elements:
<tr>
<td valign="bottom">Alison</td>
<td valign="bottom">alison@megacorp</td>
<td valign="bottom">888652</td>
</tr>
Description
In a very similar manner to the
align attribute for this element, the
valign allows you to override the default vertical
alignment for content inside table cells.
Note that there is both a
better way, and a much, much better way to do this. The better
way is not to set the valign at the
td level, as in a bigger table with more columns,
you’ll end up with unnecessarily bloated markup. Instead, you could set valign at the parent
tr level. However, this is still less than
ideal. The preferred method would be to set the alignment of text inside
the td elements using the CSS
vertical-align property.
Value
The recognized attribute values are as shown in the syntax section.
Compatibility
| IE | 5.5 | Partial |
|---|---|---|
| 6.0 | Partial | |
| 7.0 | Partial | |
| Firefox | 1.0 | Partial |
| 1.5 | Partial | |
| 2.0 | Partial | |
| Safari | 1.3 | Partial |
| 2.0 | Partial | |
| 3.0 | Partial | |
| Opera | 9.2 | Partial |
In the browsers
tested, "bottom", "middle", and
"top" alignments are all honored, but the
"baseline" value is ignored by
all.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
