MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

 

一个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 初始规范

规范

相关

文档标签和贡献者

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