CSS Types

CSS Types

Editing

〈vertical-align〉

구문

  • baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>

사용되는 키워드

키워드요약
baseline

상자의 기준선을 상위 상자의 기준선과 정렬한다. 상자에 기준선이 없다면 아래쪽 여백 가장자리를 상위 기준선에 맞춘다.

bottom

정렬된 하위 트리의 하단을 라인 상자의 하단에 맞춘다.

middle

상자의 수직 중간지점을 상위 상자의 기준선에 상위 상자의 x 높이의 절반을 더한 값에 맞춘다.

sub

상자의 기준선을 부모 상자의 첨자에 대한 적절한 위치로 낮춘다. 요소의 텍스트의 글꼴 크기에 영향을 주지 않는다.

super

부모 상자의 위 첨자에 대한 적절한 위치로 상자의 기준선을 올린다. 요소의 텍스트의 글꼴 크기에 영향을 주지 않는다.

text-bottom

상자의 하단을 부모의 콘텐츠 영역 하단에 맞춘다.

text-top

상자의 상단을 부모의 콘텐츠 영역 상단에 맞춘다.

top

정렬된 하위 트리의 상단을 라인 상자의 상단에 맞춘다.

사용되는 하위 유형

지원 웹브라우저