CSS Padding (padding)

Space definition element border and the element content between CSS Padding (padding) property.

Padding (padding)

When Padding elements (filled) (padding) is cleared, the "release" of the element area fills the background color would be.

Alone fill properties can change up and down around the filling. Acronym filling properties can also be used to change once everything changed.

Possible values

Padding - padding property unilateral

In CSS, it can specify a different side of the different filling:

Filling - shorthand property

To shorten the code, which you can specify all the padding properties in one property.

This is called a shorthand property. Shorthand property for all the fill attribute is "padding":

Padding property can have one to four values.

padding: 25px 50px 75px 100px;

• The filling is 25px
• Right padding to 50px
• Under filled 75px
• Left filled 100px

padding: 25px 50px 75px;

• The filling is 25px
• Filled with about 50px
• Under filled 75px

padding: 25px 50px;

• Bottom padding is 25px
• Filled with about 50px

padding: 25px;

• All are filled 25px

More examples

All padding properties in one declaration
This example demonstrates the use of abbreviations property is set in a declaration of all fill attributes, can have one to four values.

Set left portion filled
This example demonstrates how to set the left padding element.

Setting the right part of filling
This example demonstrates how to set the right padding element. .

Setting an upper filling
This example demonstrates how to set the filling element.

Lower packed
This example demonstrates how to set the padding under the elements.

All CSS padding properties