首页 > web前端 > css教程 > css:voice-family属性的详解

css:voice-family属性的详解

黄舟
发布: 2017-07-17 14:10:38
原创
2491 人浏览过

voice-family属性

#sidebar {
  width: 200px;
  padding: 10px;
  border: 10px solid black;
}
登录后复制

在此设定宽度为200px,内边距为10px,边框为10px,但在Window IE5.5以前的浏览器中浏览页面时,宽度会比实际宽度少40px(200px-10px-10px-10px-10px),因此需要予以纠正。此处利用了样式表的“层叠”特性,对于同一个选择符的相同属性,后定义的值会覆盖前面定义的值。

重新定义的样式为:

#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; 
}
登录后复制

而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的语音属性,由于Window IE5.5不完全支持CSS2,不识别此属性,因此跳到下一个选择符。

IE5并不能正确读取voice-family: “\”}\”"; voice-family:inherit;这两段,所以在读取第二个Width前就放弃读取#centercontent了,最终只能读取到第一个width:240px。

而IE5.5以上的浏览器因为同名覆盖的原则取到第二个width:200px。这样便能在同一个Class里定义两个Width值。

以上是css:voice-family属性的详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板