1. Definition and Usage: This property sets the vertical alignment of the element
2. Description: This property defines the vertical alignment of the baseline of the element within the row relative to the line of the element. Allows you to specify a negative length value and a percent value. This causes the element to be lowered rather than raised. In a table cell, this property sets the alignment of the cell contents in the Cell box.
Default value: |
Baseline |
Inheritance: |
No |
Version: |
CSS1 |
JavaScript Syntax: |
object. style.verticalalign= "Bottom" |
3. Possible values:
value |
Description |
Baseline |
Default. element is placed on the baseline of the parent element. |
Sub |
Subscript for vertical alignment of the aligned right. |
Super |
Superscript of vertical aligned aligned |
Top |
Aligns the top of the element with the top of the highest element in the row |
Text-top |
Aligns the top of the element with the top of the parent element's font |
Middle |
Place this element in the middle of the parent element. |
Bottom |
Aligns the top of the element to the top of the lowest element in the row. |
Text-bottom |
Aligns the bottom of the element with the bottom of the parent element's font. |
Length |
|
% |
Use the percent value of the "Line-height" property to arrange this element. Negative values are allowed. |
Inherit |
Specifies that the value of the Vertical-align property should be inherited from the parent element. |
(3.21) Vertical-align Property