ContextQMD
Back to Content

HTMLTableCellElement: vAlign property

files/en-us/web/api/htmltablecellelement/valign/index.md

latest1.4 KB
Original Source

{{APIRef("HTML DOM")}}{{deprecated_header}}

The vAlign property of the {{domxref("HTMLTableCellElement")}} interface is a string indicating how to vertically align text in a {{htmlelement("th")}} or {{htmlelement("td")}} table cell.

[!NOTE] This property is deprecated. Use the CSS {{cssxref("vertical-align")}} property to horizontally align text in a cell instead.

Value

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

  • top
    • : Align the text to the top of the cell. Use vertical-align: top instead.
  • center
    • : Vertically center the text in the cell. Synonym of middle. Use vertical-align: middle instead.
  • middle
    • : Vertically center the text in the cell. Use vertical-align: middle instead.
  • bottom
    • : Align the text to the bottom of the cell. 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 {{cssxref("vertical-align")}} instead, which takes precedence, as demonstrated in the vertical alignment table cells example.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also