计算值 | computed value (Miscellaneous Level 2) - CSS 中文开发手册 - Break易站
2021-01-25 23:14
计算值 | computed value (Miscellaneous Level 2) - CSS 中文开发手册
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. |
文章标题:计算值 | computed value (Miscellaneous Level 2) - CSS 中文开发手册 - Break易站
文章链接:http://soscw.com/index.php/essay/47010.html