Shorthand Property

The CSS Padding property is used to set the Padding for an element. Its shorthand properties are following.

Example of Code

<style type="text/css">
  .Padding-shorthand-property {
      background: gold;
      margin: 20px;
      padding: 5px 60px 15px 30px;
  }
  .Paragraph-Padding-shorthand-property {
      background: white;
  }
</style>
<div class="Padding-shorthand-property">
  <p class="Paragraph-Padding-shorthand-property">
    Different padding on each side.
  </p>
</div>

Output