计算值

一个CSS属性的 计算值  (computed value) 通过以下方式从指定的值计算而来：

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

计算属性的"计算值"通常包括将相对值转换成绝对值(如 em 单位或百分比)。

例如，如一个元素的属性值为 font-size:16px 和 padding-top:2em, 则 padding-top 的计算值为 32px (字体大小的2倍).

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

计算值的最主要用处是 继承 , 包括 inherit 关键字。

注意事项

对不同的属性，getComputedStyle() DOM API 返回的 解析值, 可能是 计算值或 应用值。

说明

规范

• CSS 21 Assigning property values #computed-value

相关

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