HTMLTableColElement: align property

Deprecated

Avoid using this feature in new projects. Some table styling attributes have no effect. They are superseded by CSS. This feature may be a candidate for removal from web standards or browsers.

Learn more
See full compatibility

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.