Firefox Tomorrow

web api instance property

HTMLTableColElement: vAlign property

View on MDN ↗

The vAlign property of the HTMLTableColElement interface is a string indicating how to vertically align text in a table <col> column element.

[!NOTE] This property is deprecated, and CSS should be used to align text vertically in a column. Use the CSS vertical-align property, which takes precedence, to vertically align text in each column cell instead.

As <td> are not children of <col>, you can’t set it directly on a <col> element, you need to select the cells of the column using a td:nth-child(n) or similar (n is the column number).

Value

The possible values are: "top", "middle", "bottom", or "baseline"

  • top
    • : Align the text to the top of the column. Use vertical-align: top instead.
  • center
    • : Vertically center the text in the column. Synonym of middle. Use vertical-align: middle instead.
  • middle
    • : Vertically center the text in the column. Use vertical-align: middle instead.
  • bottom
    • : Align the text to the bottom of the column. Use vertical-align: bottom instead.
  • baseline
    • : Similar to top, but align the baseline of the text as close to the top so no part of the character is outside of the cell.

Examples

Use CSS vertical-align. As <td> elements of a column are not children of <col>, you can’t set it directly on a <col>, you need to select the cells using a td:nth-child(n) or similar (n is the column number).

An example is available on the :nth-child() page.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also