---
title: "Padding properties"
date: "2017-11-11T12:51:14+00:00"
summary: "Learn how to set padding properties for elements in web design. Discover top, bottom, left, right, and equal padding options, accepted units, and best practices for precise layout control."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/padding-properties"
id: "fc2f8dbd-1f01-41e6-af3a-b60b6fbda511"
---

Set the Top, Bottom, Left and Right padding on an element. Use Equal padding to set all at the same time.

Padding top, bottom, left and right
-----------------------------------

Set the padding on each side of the element.

### Expected value:

*   Enter a number 
*   Negative values are not accepted

### Accepted units:

You can leave blank or specify a unit to be used.

*   **blank** - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within [Base unit settings](/drupal-starter-kits/add-ons/site-studio/configuring-your-base-unit-settings "Configuring your base unit settings")
*   **px** - The value will be applied in pixels
*   **%** - The value will be applied as a percentage of the parent elements width

**Note:** Additional units are accepted. For more information see [https://www.w3schools.com/cssref/css\_units.asp](https://www.w3schools.com/cssref/css_units.asp)

Find more information at [https://developer.mozilla.org/en-US/docs/Web/CSS/padding](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)

Padding equal
-------------

Set the padding on all sides of the element. 

**Note:** Padding on individual sides overrides equal padding.

Expected value:

*   Enter a number 
*   Negative values are not accepted

### Accepted units:

You can leave blank or specify a unit to be used.

*   **blank** - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within [Base unit settings](/drupal-starter-kits/add-ons/site-studio/configuring-your-base-unit-settings "Configuring your base unit settings")
*   **px** - The value will be applied in pixels
*   **%** - The value will be applied as a percentage of the parent elements width

**Note:** Additional units are accepted. For more information see [https://www.w3schools.com/cssref/css\_units.asp](https://www.w3schools.com/cssref/css_units.asp)

Find more information at [https://developer.mozilla.org/en-US/docs/Web/CSS/padding](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)