valign (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Partial Partial Partial Partial Partial

Syntax

valign=" { baseline | bottom | middle | top } "

Description

In a very similar manner to the align attribute for this element, valign allows you to override the default alignment for table cells inside the body of the table.

Example

The valign attribute is set to "bottom" on this narrow table:

<table summary="Interest Rates" width="200" border="1">
  <caption>Interest Rates</caption>
  <thead>
    <tr>
      <th>Account Type (Name titles as per Spring 2006 range)</th>
      <th>Interest Rate</th>
    </tr>
  </thead>
  <tbody valign="bottom">
    <tr>
      <td>Smart</td>
      <td>From 2%</td>
    </tr>
    <tr>
      <td>Young Saver</td>
      <td>From 1.6%</td>
    </tr>
  </tbody>
</table>

Value

The recognized attribute values are as shown in the syntax section.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial 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.

Related Products