HTMLTableColElement: vAlign 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.
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: topinstead. center-
Vertically center the text in the column. Synonym of
middle. Usevertical-align: middleinstead. middle-
Vertically center the text in the column. Use
vertical-align: middleinstead. bottom-
Align the text to the bottom of the column. Use
vertical-align: bottominstead. 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
| Specification |
|---|
| HTML # dom-col-valign |