Style verticalAlign Property
Example
Set the vertical alignment of some text in a table to "bottom":
document.getElementById("myTd").style.verticalAlign = "bottom";Try it Yourself »
Description
The verticalAlign property sets or returns the vertical alignment of the content in an element.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| verticalAlign | Yes | Yes | Yes | Yes | Yes |
Syntax
Return the verticalAlign property:
object.style.verticalAlign
Set the verticalAlign property:
object.style.verticalAlign = value
Property Values
| Value | Description |
|---|---|
| length | Raises or lower an element by the specified length. Negative values are allowed |
| % | Raises or lower an element in a percent of the "line-height" property. Negative values are allowed |
| baseline | Align the baseline of the element with the baseline of the parent element. This is default |
| sub | Aligns the element as it was subscript |
| super | Aligns the element as it was superscript |
| top | The top of the element is aligned with the top of the tallest element on the line |
| text-top | The top of the element is aligned with the top of the parent element's font |
| middle | The element is placed in the middle of the parent element |
| bottom | The bottom of the element is aligned with the lowest element on the line |
| text-bottom | The bottom of the element is aligned with the bottom of the parent element's font |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | baseline |
|---|---|
| Return Value: | A String, representing the vertical alignment of the content in an element |
| CSS Version | CSS1 |
More Examples
Example
Return the vertical alignment of a <td> element:
alert(document.getElementById("myTd").style.verticalAlign);
Try it Yourself »
Related Pages
CSS tutorial: CSS Text
CSS reference: vertical-align property
