Horje

How to set Default CSS Settings on HTML <thead> Tag

Most browsers will display the <thead> element with the following default values.

index.html
Example: HTML
<style>
thead {
  display: table-header-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 on HTML <thead> Tag




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