vertical-align

라인 박스 내에서의 수직 정렬 위치를 지정합니다. 인라인 요소와 테이블 셀 요소에 적용할 수 있습니다.

CSS Level

CSS 1, CSS 2

상속

아니오

기본값

baseline

사용법

vertical-align: text-top;

object.style.verticalAlign = "bottom"

속성

baseline

현재 박스의 베이스라인을 부모 박스의 베이스 라인과 일치시킵니다.

sub

부모 박스의 아래 첨자 위치에 맞게 적절히 낮춥니다.

super

부모 박스의 윗 첨자 위치에 맞게 적절히 높입니다.

top

현재 라인에서 가장 높은 요소의 위쪽에 정렬합니다.

text-top

현재 박스의 위 쪽을 부모 박스의 컨텐트 영역 위 쪽에 맞춥니다.

middle

현재 요소의 수직 중점을 부모 박스의 베이스 라인에 부모 요소의 x 높이의 절반을 합한 위치에 정렬합니다.

bottom

현재 라인에서 가장 낮게 있는 요소의 아래쪽에 정렬합니다.

text-bottom

현재 박스의 아래 쪽을 부모 박스의 컨텐트 영역 아래 쪽에 맞춥니다.

<%>

line-height에 대한 비율로 지정합니다. 양수는 위로 높이고 음수는 낮춥니다. 0%는 baseline과 같습니다.

<length>

길이 단위로 지정합니다. 양수는 위로 높이고 음수는 낮춥니다. 0%는 baseline과 같습니다.