Definition The padding property is a shorthand property for setting all of the padding properties in one declaration. Note: Negative val...
Definition
The padding property is a shorthand property for setting all of the padding properties in one declaration.Note: Negative values are not allowed.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.Scripting Syntax: object.style.padding="2cm"
Example
| h1 {padding: 10px} the padding will be 10px on all four sides h1 {padding: 10px 2%} top and bottom padding will be 10px, left and right padding will be 2% of the width of the closest element. h1 {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 h1 {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 |
Possible Values
| Value | Description |
|---|---|
| padding-top padding-right padding-bottom padding-left | Sets the padding. The values comes in % (defines padding in % of the width of the closest element) and length (defines a fixed padding).Default value: Not defined |
Goto CSS3 and CSS2 complete reference
