padding-right

You’re reading the English version of this content since no translation exists yet for this locale. Bu makaleyi çevirmemize yardım edin!

The padding-right CSS property sets the width of the padding area on the right of an element.

An element's padding area is the space between its content and its border.

Note: The padding property can be used to set paddings on all four sides of an element with a single declaration.

Syntax

/* <length> values */
padding-right: 0.5em;
padding-right: 0;
padding-right: 2cm;

/* <percentage> value */
padding-right: 10%;

/* Global values */
padding-right: inherit;
padding-right: initial;
padding-right: unset;

The padding-right property is specified as a single value chosen from the list below. Unlike margins, negative values are not allowed for padding.

Values

<length>
The size of the padding as a fixed value. Must be nonnegative.
<percentage>
The size of the padding as a percentage, relative to the width of the containing block. Must be nonnegative.

Formal syntax

<length> | <percentage>

Examples

.content { padding-right: 5%; }
.sidebox { padding-right: 10px; }

Specifications

Specification Status Comment
CSS Basic Box Model
The definition of 'padding-right' in that specification.
Working Draft No change.
CSS Transitions
The definition of 'padding-right' in that specification.
Working Draft Defines padding-right as animatable.
CSS Level 2 (Revision 1)
The definition of 'padding-right' in that specification.
Recommendation No change.
CSS Level 1
The definition of 'padding-right' in that specification.
Recommendation Initial definition.
Initial value0
Applies toall elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter.
Inheritedno
Percentagesrefer to the width of the containing block
Mediavisual
Computed valuethe percentage as specified or the absolute length
Animation typea length
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
padding-rightChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 4Opera Full support 3.5Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support YesSafari iOS Full support 1Samsung Internet Android Full support Yes

Legend

Full support  
Full support

See also