计算值
的计算值 CSS 属性是在继承期间从父级传递到子级的值。它是根据 指定值 计算得出,通过
- 处理特殊值
inherit、initial、revert、revert-layer和unset. - 进行达到属性定义表中“计算值”行中描述的值所需的计算。
达到属性的计算值所需的计算通常涉及将相对值(例如 em 单位或百分比中的值)转换为绝对值。例如,如果一个元素的指定值为 font-size: 16px 和 padding-top: 2em,则 padding-top 的计算值为 32px(字体大小的两倍)。
但是,对于某些属性(那些百分比相对于可能需要布局才能确定的内容的属性,例如 width、margin-right、text-indent 和 top),百分比指定值将变为百分比计算值。此外,在 line-height 属性上指定的无单位数字将成为计算值,如指定的那样。在确定 使用值 时,保留在计算值中的相对值将变为绝对值。
注意:getComputedStyle() DOM API 返回 解析值,它可能是计算值或 使用值,具体取决于属性。
规范
| 规范 |
|---|
| 层叠样式表级别 2 修订版 2 (CSS 2.2) 规范 # 计算值 |