CSS padding-right

View Output Full Screen Preview

The CSS padding-right property is used to apply padding to the right side of an element.

Also see the padding, padding-bottom, padding-top and padding-left properties.

Syntax

Possible Values

length: Allows you to specify a non-negative length value as the padding thickness. Negative values are invalid.
percentage: Allows you to specify a non-negative percentage value as the padding thickness. The percentage is calculated with respect to the inline size (usually the width) of the generated box's containing block. Negative values are invalid.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial: Represents the value specified as the property's initial value.
inherit: Represents the computed value of the property on the element's parent.
unset: This value acts as either inherit or 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.

General Information

Initial Value: 0
Applies To: All elements except internal table elements other than table cells
Inherited?: No
Media: Visual
Animatable: Yes (see example)

Example Code

Official Specifications

CSS Box Model Module Level 4 (Editor's Draft)
CSS Box Model Module Level 3 (W3C Working Draft)
CSS Level 2.1 (W3C Recommendation 07 June 2011)
CSS Level 1 (W3C Recommendation 17 Dec 1996)