计算值 - CSS（层叠样式表） 编辑

一个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其中的一个，取决于属性。

规范

相关

• window.getComputedStyle
• CSS Key Concepts: CSS 语法, @规则, 注释, 优先级和继承, the 盒模型, 布局模式和视觉格式化模型，以及外边距合并，或者初始、计算、解析、指定、使用和实际值。 Definitions of 值语法、简写属性和可替换元素。