欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css:voice-family属性的详解

程序员文章站 2022-05-11 09:30:10
...
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属性的详解的详细内容,更多请关注其它相关文章!