CSS中的指定值、初始值和计算值学习教程

                +"<br/>sub color : " + sub.style.color;   

    }   

</script>  

经过测试可知，此种方式只适合获取设置的值，对于初始值和继承后的值都没有取到。

三、计算值
指定值在层叠的过程中被分解成计算值。例如，URI 会被解析成绝对地址，而 'em' 和 'ex' 单位会被计算为 pixel 或者绝对长度。
例如:

XML/HTML Code复制内容到剪贴板

<div style="width:1em; ">hello!</div>  

浏览器默认 ‘font-size’ 是 ‘16px’，所以 ‘1em’ 计算值应该是 ‘16px’。
当指定值不是 ‘inherit’ 的时候，计算值应该是 CSS 特性定义的 "计算后的值"一行所标明的值。例如对 'border-top-width'的特性说明的最后一行：
Computed value: absolute length; '0' if the border style is 'none' or 'hidden'
以上标明，边框宽度的计算值是一个绝对长度，当 border 的设置值是 ‘none’ 或 ‘hidden’ 的时候，计算值为 0。
当 CSS 特性不适合元素时，计算值还是存在的。

XML/HTML Code复制内容到剪贴板

<div style="width:1em; left:1em;">hello!</div>  

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!