HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <tr> valign 속성

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

　HTML <tr> 태그

온라인 예제

다른 수직 정렬 라인을 가진 HTML 테이블:

예제

<table　style="width:100%"　border="1">
　　　<tr　valign="middle">
　　　　<td>2018</td>
　　　　<td>$15320.00</td>
　　</tr>
　　　<tr　valign="top">
　　　　<td>2019</td>
　　　　<td>$18320.00</td>
　　</tr>
</table>

테스트를 보세요 ‹/›

브라우저 호환성

IE파이어폭스오페라ChromeSafari

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

정의와 사용법

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

valign 속성은 테이블 행의 콘텐츠의 수직 정렬 방식을 지정합니다.

문법

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

속성 값

값	설명
top	콘텐츠를 위에 맞추기.
middle	콘텐츠를 중앙에 맞추기(기본 값).
bottom	콘텐츠를 아래에 맞추기.
baseline	베이스라인에 맞추기. 베이스라인은 가상의 선입니다. 한 줄 텍스트에서 대부분의 문자는 베이스라인을 기준으로 합니다. 베이스라인 값은 행의 모든 테이블 데이터가 공통된 베이스라인을 공유하도록 설정합니다. 이 값의 효과는 대체로 bottom 값과 같습니다. 하지만 텍스트의 글자 크기가 다를 때는 베이스라인의 효과가 더 좋습니다. 아래 시각화를 참조하세요.