计算值
一个 CSS 属性的计算值是指这个属性在由父类转向子类的继承中的值。它通过指定值计算出来:
- 处理特殊的值
inherit,initial,unset和revert(en-US)。 - 进行计算,以达到属性摘要中“计算值”行中描述的值。
计算值所需要的计算通常包括将相对值转换成绝对值 (如 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 |