CSS vertical-align Property
Definition
The vertical-align property sets the vertical alignment of an element.Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.Scripting Syntax: object.style.verticalAlign="bottom"
Example
img { vertical-align: bottom } |
Possible Values
Value | Description |
---|---|
baseline | Default. The element is placed on the baseline of the parent element |
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 |
length | |
% | Aligns the element in a % value of the "line-height" property. Negative values are allowed |
Goto CSS3 and CSS2 complete reference
CSS vertical-align Property
Reviewed by 1000sourcecodes
on
20:57
Rating: