CSS Properties

A table header with a custom background-color.

<style>
  table.tb { width: 450px; border-collapse: collapse; }
  .tb th, .tb td { border: solid 1px #777; padding: 5px; }
  .tb thead { background-color: steelblue; color: white; }
</style>

<table class="tb">
  <thead>
    <tr>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Country</th>
      
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Denice</td>
      <td>Hobermann</td>
      <td>Canada</td>
    </tr>
    <tr>
      <td>Paulo</td>
      <td>Cornell</td>
      <td>Brazil</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>Hollander</td>
      <td>USA</td>
    </tr>
  </tbody>
</table>

CSS supports more than 200 CSS properties. Here's a complete list.
Click a name for details.

Browser vendors regularly experiment with new, non-standard CSS properties. To indicate that these are browser specific they are prefixed, like so:

• -webkit-...
• -moz-...
• -ms-...
• -o-...

During the transition period when a property is supported by all browsers - but not fully standardized - you will see CSS like this:

-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-ms-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;

When they become standardized, the prefix becomes obsolete. Depending on the browsers your users use, you may decide to include prefixed properties.

The CSS examples in this tutorial do not include vendor prefixes.

• Our CSS Selectors Reference
• Our HTML Tag List
• Our HTML Attribute List