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.
/* <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.
<length>
<percentage>
Initial value | 0 |
---|---|
Applies to | all 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 and ::first-line . |
Inherited | no |
Percentages | refer to the width of the containing block |
Computed value | the percentage as specified or the absolute length |
Animation type | a length |
<length> | <percentage>
.content { padding-right: 5%; } .sidebox { padding-right: 10px; }
Specification | Status | Comment |
---|---|---|
CSS Basic Box Model The definition of 'padding-right' in that specification. | Working Draft | No change. |
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. |
Desktop | ||||||
---|---|---|---|---|---|---|
padding-right |
1 | 12 | 1 | 4 | 3.5 | 1 |
Mobile | ||||||
---|---|---|---|---|---|---|
padding-right |
≤37 | 18 | 4 | 14 | 1 | 1.0 |
padding-top
, padding-bottom
, padding-left
and the padding
shorthandpadding-block-start
, padding-block-end
, padding-inline-start
, and padding-inline-end
and the shorthands padding-block
and padding-inline
© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right