CSS padding-top

<!doctype html>
<title>Example</title>
<style>
table {
  width: 70vw;
  height: 70vh;
  }
td {
  width: 50%;
  background: gold;
  vertical-align: top;
  }
.padded {
  padding-top: 10vh;
  }
</style>
<table>
  <tr>
    <td class="padded">Padded.</td>
    <td>Not padded.</td>
  </tr>
</table>

The CSS padding-top property is used to apply padding to the top side of an element.

Also see the padding, padding-right, padding-bottom and padding-left properties.

Syntax

Possible Values

length: Allows you to specify a non-negative length value as the padding thickness. Negative values are invalid.
percentage: Allows you to specify a non-negative percentage value as the padding thickness. Negative values are invalid.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial: Represents the value specified as the property's initial value.
inherit: Represents the computed value of the property on the element's parent.
unset: This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

General Information

Initial Value: 0
Applies To: CSS3 states that this property applies to all elements. However, CSS2 states all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column.
Inherited?: No
Media: Visual
Animatable: Yes (see example)

Example Code

Official Specifications

CSS basic box model (W3C Working Draft 9 August 2007)
CSS basic box model (Editor's Draft)
CSS Level 2.1 (W3C Recommendation 07 June 2011)
CSS Level 1 (W3C Recommendation 17 Dec 1996)