计算值

计算值 CSS 属性是在继承期间从父级传递到子级的值。它是根据 指定值 计算得出,通过

  1. 处理特殊值 inheritinitialrevertrevert-layerunset.
  2. 进行达到属性定义表中“计算值”行中描述的值所需的计算。

达到属性的计算值所需的计算通常涉及将相对值(例如 em 单位或百分比中的值)转换为绝对值。例如,如果一个元素的指定值为 font-size: 16pxpadding-top: 2em,则 padding-top 的计算值为 32px(字体大小的两倍)。

但是,对于某些属性(那些百分比相对于可能需要布局才能确定的内容的属性,例如 widthmargin-righttext-indenttop),百分比指定值将变为百分比计算值。此外,在 line-height 属性上指定的无单位数字将成为计算值,如指定的那样。在确定 使用值 时,保留在计算值中的相对值将变为绝对值。

注意:getComputedStyle() DOM API 返回 解析值,它可能是计算值或 使用值,具体取决于属性。

规范

规范
层叠样式表级别 2 修订版 2 (CSS 2.2) 规范
# 计算值

另请参阅