Property Description
The padding shorthand property sets all of the padding properties in one declaration. This property can accept from one to four values.
padding: <top> <right> <bottom> <left>|initial|inherit
If all four values are provided, the padding is as specified.
padding: <top> <right/left> <bottom>|initial|inherit
If three values are provided, right and left padding are set as middle value.
padding: <top/bottom> <right/left>|initial|inherit
If two values are provided, top and bottom padding are set as the first value, right and left padding are set as second value.
padding: <top/right/bottom/left>|initial|inherit
If one value is provided, all four padding values are set the same.
Property Values
| Value | Description |
|---|---|
| length | (default is 0) Sets the padding in px, pt, cm, etc. Value cannot be negative |
| % | Sets the padding in percent of the width of the containing element. Value cannot be negative |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example sets the padding for paragraph elements.
p {
padding: 2cm 4cm 3cm 4cm;
}Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |
Miscellaneous Information
| Inherited: | No |
|---|---|
| Defined In: | CSS1 |
| Default Value: | 0 |
Property Description
The padding-bottom property sets the bottom padding (space) of an element.
This property has the following syntax:
padding-bottom: length|%|initial|inherit;
Property Values
| Value | Description |
|---|---|
| length | (default is 0) Sets a bottom padding in px, pt, cm, etc. Value cannot be negative |
| % | Sets a bottom padding in percent of the width of the containing element |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example sets the bottom padding for paragraph elements.
p {
padding-bottom: 2cm;
}Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |
Miscellaneous Information
| Inherited: | No |
|---|---|
| Defined In: | CSS1 |
| Default Value: | 0 |
Property Description
The padding-left property sets the left padding (space) of an element.
This property has the following syntax:
padding-left: length|%|initial|inherit;
Property Values
| Value | Description |
|---|---|
| length | (default is 0) Sets a left padding in px, pt, cm, etc. Value cannot be negative |
| % | Sets a left padding in percent of the width of the containing element |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example sets the bottom padding for paragraph elements.
p {
padding-left: 2cm;
}Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |
Miscellaneous Information
| Inherited: | No |
|---|---|
| Defined In: | CSS1 |
| Default Value: | 0 |
Property Description
The padding-right property sets the right padding (space) of an element.
This property has the following syntax:
padding-right: length|%|initial|inherit;
Property Values
| Value | Description |
|---|---|
| length | (default is 0) Sets a right padding in px, pt, cm, etc. Value cannot be negative |
| % | Sets a right padding in percent of the width of the containing element |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example sets the bottom padding for paragraph elements.
p {
padding-right: 2cm;
}Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |
Miscellaneous Information
| Inherited: | No |
|---|---|
| Defined In: | CSS1 |
| Default Value: | 0 |
Property Description
The padding-top property sets the top padding (space) of an element.
This property has the following syntax:
padding-top: length|%|initial|inherit;
Property Values
| Value | Description |
|---|---|
| length | (default is 0) Sets a top padding in px, pt, cm, etc. Value cannot be negative |
| % | Sets a top padding in percent of the width of the containing element |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example sets the bottom padding for paragraph elements.
p {
padding-top: 2cm;
}Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |
Miscellaneous Information
| Inherited: | No |
|---|---|
| Defined In: | CSS1 |
| Default Value: | 0 |
