MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

计算值

摘要

CSS属性的 计算值  (computed value) 由指定的值计算而来:

  • 处理特殊的值 inheritinitial
  • 根据属性的摘要中关于“计算值”描述的方法计算出值

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

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

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

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

注意事项

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

说明

规范 版本 评论
CSS Level 2 (Revision 1)
computed value
Recommendation 初始规范

规范

相关

文档标签和贡献者

标签: 
 此页面的贡献者: soyaine, haofu
 最后编辑者: soyaine,