
The Complete Idiot's Style Sheets Reference
| Index
| Current Category: Positioning |
| Previous Style: unicode-bidi
| Next Style: visibility
|
vertical-align
Aligns an element vertically.
Support:
-
See Also:
-
line-height
Possible Values:
- baseline
Aligns the baseline of the element with the baseline of the current line.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- bottom
Aligns the the bottom of the element with the bottom of the current line.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- [length]
An absolute value that specifies how much the element is raised or lowered from its normal position..
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
-
Notes:
-
Negative values are allowed.
- middle
Aligns the middle of the element with the middle of the current line.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- [percentage]
The element is raised or lowered from its normal position according to a percentage of the current line-height value.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
Not supported |
Not supported |
-
Notes:
-
Negative values are allowed.
- sub
Text rendered as a subscript.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- super
Text rendered as a superscript.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- text-bottom
Aligns the bottom of the element with the bottom of the current line's font.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- text-top
Aligns the top of the element with the top of the current line's font.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
- top
Aligns the the top of the element with the top of the current line.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
Not supported |
Example:
<TABLE BORDER=1>
<TR><TD><IMG SRC="i.gif">Unaligned</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: top">top</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: bottom">bottom</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: baseline">baseline</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: middle">middle</TD></TR>
</TABLE>
How It Looks:
Unaligned |
top |
bottom |
baseline |
middle |
| Index
| Current Category: Positioning |
| Previous Style: unicode-bidi
| Next Style: visibility
|
|