padding-right

CSS属性 padding-right 是指一个元素在内边距区域(padding area)中右边的宽度。内边距(padding)是指一个元素的内容和边框之间的区域。和外边距(margin)不同,内边距(padding)是不允许有负值的。内边距(padding)可以用四个值声明一个元素的四个方向的内边距(paddings),这是一种CSS缩写属性。

/* <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;

初始值0
适用元素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.
是否是继承属性
Percentagesrefer to the width of the containing block
计算值the percentage as specified or the absolute length
Animation typea length

Syntax

Values

length
当内边距(padding)大小是一个固定单位数值的时候,一定不能为负数。
percentage
当内边距(padding)是一个百分比的时候, 百分比是和本身包含的元素的宽度有关的,同样一定不能为负数。

Formal syntax

Examples

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

Specifications

Specification Status Comment
CSS Box Model
padding-right
Candidate Recommendation No change.
CSS Transitions
padding-right
Working Draft Defines padding-right as animatable.
CSS Level 2 (Revision 1)
padding-right
Recommendation No change.
CSS Level 1
padding-right
Recommendation Initial definition.

Browser compatibility

BCD tables only load in the browser

See also