<tfoot>: 표 바닥글 요소
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML 요소는 테이블의 열을 요약하는 행들의 집합입니다.
시도해보기
콘텐츠 카테고리 | 없음. |
---|---|
가능한 콘텐츠 | 0개 이상의 <tr> 요소. |
태그 생략 |
여는 태그는 필수입니다. 부모 <table> 요소에 더
이상의 컨텐츠가 없는 경우에는 닫는 태그를 생략할 수 있습니다.
|
가능한 부모 요소 |
<table> 요소. <tfoot>
요소는 무조건 <caption> ,
<colgroup> , <thead> ,
<tbody> , 또는 <tr> 요소
뒤에 위치해야 합니다. 이것이 HTML5에서의 요구 사항임에 주의해야
합니다.HTML4에서는 <tfoot> 요소는
<tbody> 와 <tr> 요소의
뒤에 배치할 수 없습니다. 이것은 위의 HTML5에서의 요구 사항과 완전히
모순된다는 것에 주의해야 합니다.
|
암시적 ARIA 역할 | rowgroup |
가능한 ARIA 역할 | 모두 |
DOM 인터페이스 | HTMLTableSectionElement |
특성
이 요소는 전역 특성만 포함합니다.
더 이상 사용하지 않는 특성
다음 특성은 더 이상 사용되지 않으므로 사용해서는 안 됩니다. 이 특성들은 기존 코드를 업데이트할 때 참조하는 용도와, 역사적인 흥미를 위해서만 작성되어 있습니다.
-
align
지원이 중단되었습니다-
: 아래에 나열된 속성들은 각 셀 컨텐츠의 수평 정렬 방법을 지정합니다. 가능한 값:
-
left
, 컨텐츠를 셀의 왼쪽으로 정렬합니다. -
center
, 컨텐츠를 셀의 가운데로 정렬합니다. -
right
, 컨텐츠를 셀의 오른쪽으로 정렬합니다. -
justify
, 컨텐츠가 셀의 양쪽으로 정렬되도록 텍스트 컨텐츠에 공백을 삽입합니다. -
char
,char
와charoff
특성에 의해 정해지는 최소 오프셋을 가진 특수 문자에 대해 텍스트 컨텐츠를 정렬합니다. 만약 값이 따로 할당되어 있지 않다면left
가 기본값으로 지정됩니다.
주의:
left
,center
,right
또는justify
값과 같은 효과를 내고 싶다면, CSStext-align
속성을 적용하세요.char
값과 같은 효과를 내고 싶다면, CSS3에서char
의 값을text-align
속성의 값으로 사용할 수 있습니다.
-
-
-
bgcolor
지원이 중단되었습니다-
: 표의 배경 색입니다. '
#
'이 앞에 붙는 6자리의 16진수 RGB 코드 형식으로 작성합니다. 이미 정의되어 있는 color keywords 도 사용할 수 있습니다. 비슷한 효과를 적용하고 싶다면 CSSbackground-color
속성을 사용합니다.
-
: 표의 배경 색입니다. '
-
char
지원이 중단되었습니다- : 이 특성은 열을 특정 문자에 대해 정렬하도록 지정합니다. 숫자 또는 통화 값을 정렬할 때에는 일반적으로 마침표(.)가 포함됩니다. 만약
align
이char
로 설정되어 있지 않으면, 이 특성은 무시됩니다.
- : 이 특성은 열을 특정 문자에 대해 정렬하도록 지정합니다. 숫자 또는 통화 값을 정렬할 때에는 일반적으로 마침표(.)가 포함됩니다. 만약
-
charoff
지원이 중단되었습니다- : 이 특성은
char
특성으로 지정된 정렬 문자에서 열 데이터를 오프셋할 문자의 수를 나타내는 데 사용됩니다.
- : 이 특성은
-
valign
지원이 중단되었습니다- : 이 특성은 표 바닥글의 각 행 내에 있는 텍스트의 수직 정렬 방식을 지정합니다. 이 특성에 사용 가능한 값:
-
baseline
, 텍스트를 가능한 한 셀의 하단에 가깝게, 하지만 텍스트의 baseline 에 맞춰 배치합니다. 만약 문자들의 크기가 모두 같다면, 이것은bottom
과 같은 효과를 가집니다. -
bottom
, 텍스트를 가능한 한 셀의 하단에 가깝게 배치합니다. -
middle
, 텍스트를 셀의 가운데에 배치합니다. -
top
, 텍스트를 가능한 한 셀의 상단에 가깝게 배치합니다.
주의: 이 속성은 최신 표준에서는 사용되지 않으며 지원되지 않으므로 사용하지 마십시오. 대신 CSS의
vertical-align
속성을 적용하세요.
예제
에 대한 예제는 <table>
을 참고해 주세요.
명세
Specification |
---|
HTML Standard # the-tfoot-element |
브라우저 호환성
BCD tables only load in the browser
같이 보기
- 테이블과 관련된 다른 HTML 요소들:
<caption>
,<col>
,<colgroup>
,<table>
,<tbody>
,<td>
,<th>
,<thead>
,<tr>
. tfoot
요소에 스타일을 지정할 때 특히 유용할 CSS 속성과 가상 클래스들:- 각 열의 셀들을 정렬할 때 사용하는
:nth-child
가상 클래스. - '.'같은 동일한 문자에 모든 셀 내용을 정렬할 때 사용하는
text-align
속성.
- 각 열의 셀들을 정렬할 때 사용하는