padding property is CSS shorthand for specifying padding on all sides of an element.
These values are explained below.
- Allows you to specify a non-negative length value as the padding thickness. Negative values are invalid.
- Allows you to specify a non-negative percentage value as the padding thickness. Negative values are invalid.
You can include these values between one to four times. If you supply only one value, it applies to all sides. If you provide two values, the top and bottom paddings are set to the first value and the right and left paddings are set to the second. If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third. If there are four values, they apply to the top, right, bottom, and left, respectively.
In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:
- Represents the value specified as the property's initial value.
- Represents the computed value of the property on the element's parent.
- This value acts as either
initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.
- Initial Value
The initial value for these properties is
- Applies To
CSS3 states that this property applies to all elements. However, CSS2 states
all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column.
- Yes (see example)