HTML <tfoot>: 표 푸터 요소

HTML <tfoot> 요소는 표에서 열의 푸터를 구성하는 행들을 묶습니다.

<table>
  <thead>
    <tr>
      <th>항목</th>
      <th scope="col">지출</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">식빵</th>
      <td>3,000</td>
    </tr>
    <tr>
      <th scope="row">커피</th>
      <td>4,500</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th scope="row">합계</th>
      <td>7,500</td>
    </tr>
  </tfoot>
</table>
table {
  border-collapse: collapse;
}

thead,
tfoot {
  background: #dddd;
  color: #333;
}

th,
td {
  border: 1px solid #777;
  padding: 8px;
}

불러오는 중...

특성

전역 특성만 포함합니다.

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefoxiOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
tfoot
align
bgcolor
char
charoff
valign
MDN browser-compat-data

같이 보기