HTML Tfoot Tag

In HTML, in order to group the footer content of a table <tfoot> tag is used.

• The <tfoot> tag is one of the children of <table> tag and it is used in conjunction with <thead> and <tbody> tag.

• The <tfoot> tag contains more than one <tr> tag inside it.

• Also, this is a block-level element.

HTML <tfoot> Tag Syntax and Usage

The <tfoot> tag requires the start(opening) tag and end(closing) tag.

Following is the syntax for using the <tfoot> tag in your HTML code:

<table>
<table>
<thead>
...content
</thead>
<tbody>
...content
</tbody>
<tfoot>
..content
</tfoot>

HTML <tfoot> Tag Basic Example

Below we have a basic example showing how we use the HTML tfoot tag

HTML <tfoot> Tag Attributes

This element supports Global and Event attributes.

Default CSS Settings for HTML <tfoot> Tag

Given below are the default CSS settings used by most of the browsers:

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}

Browser Support for HTML <tfoot> Tag

Following browsers support this attribute:

• Google Chrome 6.0+

• Internet Explorer 9.0+

• Firefox 4+

• Opera 11.1+

• Safari 5.0+