云南龙网

  1. 首页 > 云知道 > >

CSS在IE6IE7和IE8中的差别介绍( 三 )

云知道


}
描述
将值inherit 应用到一个属性那个允许一个元素从它的包含元素继承计算的值 。
支持情况
IE6
NoIE7
NoIE8
YesBugs
IE6 和IE7 不支持inherit 值除了direction 和visibility 属性 。
表格单元的边框空白
示例
table td {
border-spacing: 3px;
}
描述
该属性设置相邻的表格单元的边框之间的空白 。
支持情况
IE6
NoIE7
NoIE8
Yes在表格中渲染空单元格
示例
table {
empty-cells: show;
}
描述
该属性，只应用于元素的display属性被设置为 table-cell的元素，允许空单元格渲染他们的边框和背景 。否则，它们将不可见 。
支持情况
IE6
NoIE7
NoIE8
Yes表格标题的水平位置
示例
table {
caption-side: bottom;
}
描述
这个属性允许将一个表格的标题放到表格的底部——默认是头部 。
支持情况
IE6
NoIE7
NoIE8
Yes修剪区域
示例
#box {
clip:rect(20px, 300px, 200px, 100px)
}
描述
该属性指定一个盒子的一个区域可见，剩下的部分修剪掉，或者不可见 。
支持情况
IE6
NoIE7
NoIE8
YesBugs
有趣的是，该如果不使用隔开各个值的逗号，IE6和IE7也可以用这个属性 。(比如，使用空格隔开剪切的值 。)
打印页面中的orphanes和widows
示例
p {
orphans: 4;
}
p {
widows: 4;
}
描述
orphans属性设定在打印页面底部显示的最少行数 。而widows 属性用来设定打印页面头部至少显示的段落的行数 。
支持情况
IE6
NoIE7
NoIE8
Yes盒子内的页面分割
示例
#box {
page-break-inside: avoid;
}
描述
该属性设定分页是否发生在一个指定元素内 。
支持情况
IE6
NoIE7
NoIE8
YesOutline 属性
示例
#box {
outline: solid 1px red;
}
描述
outline 是outline-style, outline-width, 和outline-color的缩写 。该属性要优于border属性，因为它不会影响文档流，因而u更有助于调试布局问题 。
支持情况
IE6
NoIE7
NoIE8
Yesdisplay属性的替代值
示例
#box {
display: inline-block;
}
描述
display 属性通常设置为block, inline, 或none 。替代值包括：
inline-block
inline-table
list-item
run-in
table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-group
支持情况
IE6
NoIE7
NoIE8
Yes处理可折叠空白
示例
p {
white-space: pre-line;
}
div {
white-space: pre-wrap;
}
描述
white-space属性的pre-line值设定将多个空白元素折叠为一个空白，同时允许明确的设置断行 。white-space 属性的pre-wrap 值不会将多个空白折叠为一个，不过也允许明确的设置断行 。
支持情况
IE6
NoIE7
NoIE8
Yes其它各种技术
@import的媒体类型
示例
@import url("styles.css") screen;
描述
就像上面的例子那样，引入的样式表文件的媒体类型声明在文件地址的后面 。在该例子中，媒体类型是”screen” 。
支持情况
IE6
NoIE7
NoIE8
YesBugs
尽管IE6 和IE7 支持 @import，它们在媒体类型被指定的时候会无效，甚至会引起正@import规则无效 。
计数递增
示例
h2 {
counter-increment: headers;

推荐阅读


上一篇：湖北二建考后审核是怎么审

下一篇：V3与电脑连接的最后步骤