Properties

Properties

Editing
  • account_tree
  • bug_report

vertical-align

inline-level 요소, display 타입이 table-cell인 요소의 세로 방향 정렬을 지정한다.

설명

::first-letter::first-line에도 적용된다.

사용 가능한 값 타입

〈'vertical-align'〉

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

사용되는 키워드

  • baseline

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

  • bottom

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

  • middle

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

  • sub

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

  • super

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

  • text-bottom

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

  • text-top

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

  • top

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

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

버전 명세

Modules
Module NameStatusSummary
CSS2.2초안 작업

Last review date: 2022-6-4

지원 웹브라우저