HTML 참조 가이드

HTML 태그 전체 목록

HTML: <th> valign 속성

<th> valign 속성의 사용 방법, valign 속성은 표제 행 셀 내의 내용의 수직 정렬 방식을 지정합니다. 온라인 예제에서 <th> valign 속성, 브라우저 호환성, 문법 정의 및 속성 값 세부 사항 등을 보여줍니다.

　HTML <th> 태그

온라인 예제

th> 요소 내에 내용을 수직 정렬하세요：

예제

<table　style="width:100%"　border="1">
　　<tr>
　　　　<th　valign="bottom">연도</th>
　　　　<th　valign="bottom">수익</th>
　　</tr>
　　<tr>
　　　　<td>2018</td>
　　　　<td>$19320.00</td>
　　</tr>
</table>

테스트를 보세요 ‹/›

브라우저 호환성

IE파이어폭스오페라ChromeSafari

모든 주요 브라우저가 valign 속성을 지원합니다.

정의와 사용법

HTML5 <th> valign 속성을 지원하지 않습니다. 대신 CSS를 사용하세요.

valign 속성은 테이블 헤더 셀 내용의 수직 정렬 방식을 지정합니다.

문법

<th valign="top|middle|bottom|baseline">

속성 값

값	설명
top	내용을 위로 정렬합니다.
middle	내용을 가운데 정렬합니다(기본 값).
bottom	내용을 아래로 정렬합니다.
baseline	베이스라인에 맞춤. 베이스라인은 가상의 선입니다. 한 줄의 텍스트에서 대부분의 글자는 베이스라인을 기준으로 합니다. 베이스라인 값은 행의 모든 테이블 데이터가 공통된 베이스라인을 공유하도록 설정합니다. 이 값의 효과는 often bottom 값과 같습니다. 그러나 문자의 크기가 다를 때 baseline의 효과가 더 좋습니다. 아래 그림을 참조하세요.