计算值

摘要

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 syntax, at-rule, comments, specificity and inheritance, the box, layout modes and visual formatting models, and margin collapsing, or the initial, computed, resolved, specified, used, and actual values. Definitions of value syntax, shorthand properties and replaced elements.