计算值 | computed value
CSS属性的计算值
是通过以下方式从指定值计算得出的:
- 处理特殊值
inherit
和initial
,和
- 进行所需的计算以达到属性摘要中“计算值”行中描述的值。
达到该属性的计算值
所需的计算
通常涉及将相对值(例如以em
单位或百分比的值)转换为绝对值。
例如,如果一个元素指定的值font-size: 16px
和padding-top: 2em
,然后的计算值padding-top
是32px
(双字体大小)。
然而,对于一些性质(那些其中的百分比为相对的东西,可能需要布局来确定,诸如width
,margin-right
,text-indent
,和top
),百分比指定的值变成百分比计算的值。此外,line-height
属性上指定的无单位数字成为计算值,如指定的那样。当used value
确定时,保留在计算值中的这些相对值变为绝对值。
计算值
(除了作为指定值和使用值之间的一个步骤之外)的主要用途是继承,包括inherit
关键字。
注意
getComputedStyle()
DOM API返回解析值,其可以是所计算的值或所使用的值,具体取决于属性。
规范
Specification | Status | Comment |
---|---|---|
CSS Level 2 (Revision 1)The definition of 'computed value' in that specification. | Recommendation | Initial definition. |