计算值
的计算值 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) 规范 # 计算值 |