HTML 참조 지침서

HTML 태그 전체 목록

HTML: <tfoot> valign 속성

<tfoot> valign 속성이 <tfoot> 요소 내용의 수직 정렬 방식을 지정합니다.

온라인 예제

tfoot 요소 내용을 수직으로 가장 아래에 정렬하려면:

예제

<table　style="width:100%;"　border="1">
　　　　<tr>
　　　　　　<th>프로그래밍 언어 책</th>
　　　　　　<th>가격</th>
　　　　</tr>
　　　　<tr>
　　　　　　<td　align="right">PHP 기초 지침</td>
　　　　　　<td>$30</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td　align="left">JAVA 프로그래밍 사상</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　　<tfoot　valign="bottom">
　　　　　　<tr>
　　　　　　　　<td>총 합계</td>
　　　　　　　　<td>$110.00</td>
　　　　　　</tr>
　　</tfoot>　
</table>

테스트 봐보세요 ‹/›

브라우저 호환성

IE파이어폭스오페라크롬사파리

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

정의와 사용법

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

valign 속성은 <tfoot> 요소 내의 콘텐츠의 수직 정렬 방식을 지정합니다.

문법

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

속성 값

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