Summary
This property is a shorthand method of setting all of the padding properties in one declaration.
Syntax
Legal Values
Values can be specified as length i.e pixels (px), centimetres (cm) or inches (in) or as a percentage (%)
Mozilla Recommended Values
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.