CSS

计算值 | computed value

CSS属性的计算值是通过以下方式从指定值计算得出的:

  • 处理特殊值inheritinitial,和

  • 进行所需的计算以达到属性摘要中“计算值”行中描述的值。

达到该属性的计算值所需的计算通常涉及将相对值(例如以em单位或百分比的值)转换为绝对值。

例如,如果一个元素指定的值font-size: 16pxpadding-top: 2em,然后的计算值padding-top32px(双字体大小)。

然而,对于一些性质(那些其中的百分比为相对的东西,可能需要布局来确定,诸如widthmargin-righttext-indent,和top),百分比指定的值变成百分比计算的值。此外,line-height属性上指定的无单位数字成为计算值,如指定的那样。当used value确定时,保留在计算值中的这些相对值变为绝对值。

计算值(除了作为指定值和使用值之间的一个步骤之外)的主要用途是继承,包括inherit关键字。

注意

getComputedStyle()DOM API返回解析值,其可以是所计算的值或所使用的值,具体取决于属性。

规范

SpecificationStatusComment
CSS Level 2 (Revision 1)The definition of 'computed value' in that specification.RecommendationInitial definition.