vertical-align Attribute | verticalAlign Property

Sets or retrieves the vertical alignment of the object .

Syntax

HTML Scripting

{ vertical-align : sAlign }

object.style.verticalAlign [ = sAlign ]

Possible Values

sAlign

Variant that specifies or receives one of the following values.

auto	Aligns the contents of an object according to the value of the layout-flow attribute.
baseline	Default. Aligns the contents of an object supporting VALIGN to the base line.
sub	Vertically aligns the text to subscript.
super	Vertically aligns the text to superscript.
top	Vertically aligns the contents of an object supporting VALIGN to the top of the object.
middle	Vertically aligns the contents of an object supporting VALIGN to the middle of the object.
bottom	Vertically aligns the contents of an object supporting VALIGN to the bottom of the object.
text-top	Vertically aligns the text of an object supporting VALIGN to the top of the object.
text-bottom	Vertically aligns the text of an object supporting VALIGN to the bottom of the object.

The property is read/write for all objects except the following, for which it is read-only: currentStyle . The property has a default value of baseline for all objects with the exception of currentStyle which has a default value of auto . The Cascading Style Sheets (CSS) attribute is not inherited.

Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see About Dynamic Properties .

Remarks

The sub and super values are supported on text. The auto value is supported on the currentStyle object. The other values are supported on objects that support VALIGN .

The auto value is identical to the baseline value when the layout-flow is horizontal . When the layout-flow is vertical-ideographic , the auto value is identical to the middle value.

Example

This example uses the verticalAlign property to align text within a table cell.

<TABLE BORDER width=100>
<TR> <TD onmouseover="this.style. verticalAlign ='bottom'" onmouseout="this.style. verticalAlign =''"> text to align</TD> </TR>
</TABLE>

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1) .

Applies To

Platform Version

Win16:
Win32:
Windows CE:
Unix:
Mac:

COL , currentStyle , CUSTOM , defaults , IMG , runtimeStyle , SPAN , style , TBODY , TD , TFOOT , TH , THEAD , TR

Home | Top | Website design | JavaScript Editor

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

→