개체의 수직정렬을 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체의 수직정렬을 나타내는 문자열이다.

auto layout-flow 애트리뷰트 값에따라 개체의 내용애 정렬된다.
baseline 디폴트이며, 개체의 내용이 valign으로 지원되는 기초라인에 정렬된다.
sub 아래첨자 위치에 수직적으로 정렬된다.
super 위첨자 위치에 수직적으로 정렬된다.
top 개체의 내용이 valign으로 지원되는 제일 위(top) 위치에 정렬된다.
middle 개체의 내용이 valign으로 지원되는 중간(middle) 위치에 정렬된다.
bottom 개체의 내용이 valign으로 지원되는 아래(bottom) 위치에 정렬된다.
text-top 개체의 텍스트 내용이 valign으로 지원되는 제일 위(top) 위치에 정렬된다.
text-bottom 개체의 텍스트 내용이 valign으로 지원되는 제일 아래(bottom) 위치에 정렬된다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 baseline이다. 예외로 currentStyle에서는 디폴트값이 auto이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

sub와 super 값은 텍스트를 지원한다. currentStyle 개체에서 auto 값이 지원된다. 다른 값은 valign에서 지원되는 값들을 지원한다.

auto 값은 layout-flow가 horizontal일 때 baseline 값과 동일하다.
layout-flow 값이 vertical-ideographic이면, auto 값은 middle 값과 동일하다.

적용
개체scriptCSS IE 버전
참조
vAlign

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.


텍스트의 정렬에 마우스를 대 보라. 
<TABLE border width=300 height=80>
<TR>
<TD onmouseover="this.style.verticalAlign='bottom'" onmouseout="this.style.verticalAlign=''">텍스트의 정렬에 마우스를 대 보라.</TD>
</TR>
</TABLE>