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과 같습니다.


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.