Firefox Tomorrow

web api instance property

HTMLTableColElement: align property

View on MDN ↗

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

[!NOTE] This property is deprecated, and CSS should be used to align text horizontally in a column. Use the CSS text-align property, which takes precedence, to horizontally align text in a column 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-last-child(n) or similar (n is the column number, counting from the end).

Value

The possible values are:

  • left
    • : Align the text to the left. Use text-align: left applied directly to the <td> or <th> instead.
  • right
    • : Align the text to the right. Use text-align: right applied directly to the <td> or <th> instead.
  • center
    • : Center the text in the cell. Use text-align: center instead.

Examples

Use CSS text-align on the <td> and <th> elements. As <td> elements of a column are not children of <col>, setting the align attribute in HTML or text-align property in CSS on a <col> element will have no effect. Instead, select the cells of a column using a :is(td, tr):nth-child(n), where n is the column number, or similar.

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