valign (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support (more…)
IE8 FF2 SA4 OP9.2+ CH2
None None None Partial None

Syntax

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

Description

In a very similar manner to this element’s align attribute, the valign attribute allows you to override the default vertical alignment for content inside table cells related to the colgroup in question.

Example

Here, the valign is set to "bottom" for cells that appear in the first two columns of the table:

<table border="1">
  <colgroup width="60%" span="2" valign="bottom"/></colgroup>
  <colgroup width="40%" span="2"/></colgroup>
  <tr>
    <th colspan="4" scope="col">Work Contact Points</th>
  </tr>
  <tr>
    <th>Name</th>
    <th>Email</th>
    <th>Phone</th>
    <th>Floor/Block</th>
  </tr>
  ⋮
</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 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
None None None None None None None None None None None Partial Partial Partial None
In all the browsers tested, all vertical alignments were ignored, with the exception of Opera.

User-contributed notes

There are no comments yet.

Related Products