The padding is the area between the content and the border. The single characteristic you can set for the padding element is size. The 5 width properties of padding are given below.
The possible values are:
| Values | Description |
|---|---|
padding-top | |
padding-right | |
padding-bottom | |
padding-left | |
padding |
Then possible values for these properties are
| Values | Description |
|---|---|
| <length> | a fixed width. Only 0 or positive values are valid. |
| <percentage> | specifies the width relative to parent element. |
inherit | the property is inherited from the parent. |
| Declaration | Description |
|---|---|
| padding : 1px | top=right=bottom=left=1px |
| padding : 1px 2px | top=right=1px, bottom=left=2px |
| padding : 1px 2px 3px | top=1px, right=left=2px, bottom=3px |
| padding : 1px 2px 3px 4px | top=1px, right=2px, left=3px, bottom=4px |
