Horje

How to set Default CSS Settings for HTML <tfoot> Tag

Most browsers will display the <tfoot> element with the following default values:

index.html
Example: HTML
<style>
tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
</style>
 <table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table> 

Output should be:

How to set Default CSS Settings for HTML <tfoot> Tag




Type:
html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin