Style verticalAlign 속성

정의와 사용법

verticalAlign 요소 내 내용의 수직 정렬 방식을 설정하거나 반환합니다.

추가로 참조하십시오:

CSS 강의:CSS 텍스트

CSS 참조 설명서:vertical-align 속성

예제

예제 1

표에서 일부 텍스트의 수직 정렬 방식을 "bottom"으로 설정합니다:

document.getElementById("myTd").style.verticalAlign = "bottom";

직접 테스트해 보세요

예제 2

<td> 요소의 수직 정렬 방식 반환:

alert(document.getElementById("myTd").style.verticalAlign);

직접 테스트해 보세요

문법

verticalAlign 속성 반환:

object.style.verticalAlign

verticalAlign 속성 설정:

object.style.verticalAlign = value

속성 값

값 설명
length 요소를 지정된 길이로 상승 또는 하강시킵니다. 음수 값을 허용합니다.
% "line-height" 속성의 퍼센트로 요소를 상승 또는 하강시킵니다. 음수 값을 허용합니다.
baseline 요소의 기본선이 부모 요소의 기본선과 정렬됩니다. 기본값.
sub 요소를 하표로 정렬합니다.
super 요소를 상표로 정렬합니다.
top 요소의 상단이 줄中最높은 요소의 상단과 정렬됩니다.
text-top 요소의 상단이 부모 요소의 글꼴 상단과 정렬됩니다.
middle 요소가 부모 요소의 중앙에 배치됩니다.
bottom 요소의 하단이 줄中最하단 요소와 정렬됩니다.
text-bottom 요소의 하단이 부모 요소의 글꼴 하단과 정렬됩니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오: inherit.

기술 세부 사항

기본 값: baseline
반환 값: 문자열, 요소 내 내용의 수직 정렬 방식을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원