specified value(规范值): 计算方法如下:
- 如果样式表设置了一个值,使用这个值
- 如果没有设置值,这个属性是继承属性,从父元素继承
- 如果没设置,并且不是继承属性,使用
css
规范指定的初始值
computed value(计算值):
以specified value
根据规范定义的行为进行计算,通常将相对值计算为绝对值,例如em
根据font-size
进行计算。
一些使用百分数并且需要布局来决定最终值的属性,如width,margin
。
百分数就直接作为computed value
。line-height
的无单位值也直接作为computed value
。
这些值将在计算used value
时得到绝对值。
computed value
的主要作用是用于继承。
used value(使用值):
属性计算后的最终值,对于大多数属性可以通过window.getComputedStyle
获得,尺寸值单位为像素。
以下属性依赖于布局:
background-position
bottom, left, right, top
height, width
margin-bottom, margin-left, margin-right, margin-top
min-height, min-width
padding-bottom, padding-left, padding-right, padding-top
text-indent