CSS GUIDE PADDING

Summary

This property is a shorthand method of setting all of the padding properties in one declaration.

• Inherited: No

Syntax

TARGET_ELEMENT {padding: value;}

Legal Values

Values can be specified as length i.e pixels (px), centimetres (cm) or inches (in) or as a percentage (%)

Usage Examples

h1 {padding: 10px}
the padding will be 10px on all four sides

h2 {padding: 10px 2%}
top and bottom padding will be 10px, left and right padding will be 2% of the width of the closest element.

h3 {padding: 10px 2% 15px}
top padding will be 10px, left and right padding will be 2% of the width of the closest element, bottom padding will be 15px.

h4 {padding: 10px 2% 15px 20px}
top padding will be 10px, right padding will be 2% of the width of the closest element, bottom padding will be 15px, left padding will be 20px

Notes

Negative values are not allowed.