计算值

一个 CSS 属性的计算值是指这个属性在由父类转向子类的继承中的值。它通过指定值计算出来:

  • 处理特殊的值 inheritinitialunsetrevert
  • 进行计算,以达到属性摘要中“计算值”行中描述的值。

计算值所需要的计算通常包括将相对值转换成绝对值 (如 em 单位或百分比)。例如,如一个元素的属性值为 font-size:16pxpadding-top:2em, 则 padding-top 的计算值为 32px (字体大小的 2 倍).

然而,对于有些属性 (这些元素的百分比与需要布局确定后才能知道的值有关,如 width, margin-right, text-indent, 和 top),它们的“百分比值”会转换成“百分比的计算值”。另外,line-height 属性值如是没有单位的数字,则该值就是其计算值。这些计算值中的相对值会在 应用值 确定后转换成绝对值。

备注: getComputedStyle() DOM API 返回 resolved value, 可能是 computed valueused value其中的一个,取决于属性。

规范

Specification
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
# computed-value

参见