计算值

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

  • 处理特殊的值 inherit，initial， unset和 revert。
  • 进行计算，以达到属性摘要中“计算值”行中描述的值。

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

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

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

规范

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

参见