Vertical-align

Table of Contents (보이기↓)

개요

이 속성은 요소의 베이스라인을 행 높이를 기준으로 수직 정렬한다.

Vertical-align	설명
값	baseline \| sub \| super \| top \| text-top \| middle \| bottom \| text-bottom \| <백분율> \| <길이> \| inherit
기본값	baseline
적용대상	인라인 ? 요소와 테이블(table) 셀 요소
상속	안됨
백분율	자신의 line-height를 참조
미디어	visual

값	설명
<길이>	길이를 지정한다. '0'은 'baseline'과 같다.
<백분율>	백분율(%) 값을 지정한다. 'line-height'를 기준으로 계산되며, '0(%)'는 'baseline'과 같다.
baseline	기준선에 정렬하도록 지정한다.
middle	가운데 정렬하도록 지정한다.
sub	아래첨자 위치로 정렬하도록 지정한다.
super	위첨자 위치로 정렬하도록 지정한다.
text-top	글자 맨위에 정렬하도록 지정한다.
text-bottom	글자 맨 아래에 정렬하도록 지정한다.
top	맨위에 정렬하도록 지정한다.
bottom	맨아래에 정렬하도록 지정한다.
inherit	부모 요소의 값을 상속하도록 지정한다.

준비 중입니다.

값	IE6 ?	IE7 ?	FF2 ?	Op9 ?
baseline	지원	지원	지원	지원
sub	불안정	불안정	지원	지원
super	불안정	불안정	지원	지원
top	불안정	불안정	지원	지원
text-top	불안정	불안정	지원	지원
middle	지원	지원	지원	지원
bottom	불안정	불안정	지원	지원
text-bottom	불안정	불안정	지원	지원
(Percentage)	불안정	불안정	지원	지원
(Length)	불안정	불안정	지원	지원
inherit	미지원	미지원	지원	지원