边框之间的差异：无边框和边框：0

1。边框：无
边框样式的速记
在铬评审元素中看到以下结果
复制代码代码如下所示：
element.style {
边界：无；
边框顶部样式：无；
边框右侧样式：无；
边框底部样式：无；
左边框样式：无；
边框宽度：初始；
边框颜色：初始；
}

使用Firebug查看元素在Firefox将看到下面的结果：
复制代码代码如下所示：
element.style {
边框：中非；
}

注意这个媒介价值
二、边界：0
边框宽度的速记法
在铬评审元素中看到以下结果
复制代码代码如下所示：
element.style {
边界：0；
边境上0px宽度；
权利边界宽度：0px；
底部边框宽度：0px；
左边框宽度：0px；
边框样式：初始；
边框颜色：初始；
}

使用Firebug查看元素在Firefox将看到下面的结果：
复制代码代码如下所示：
element.style {
边界：0个没有；
}

注意：没有边界的差异和边界：0萤火虫
下面的示例说明以下内容
复制代码代码如下所示：

div { border: 1px solid黑；保证金：1em；}
。zerotest div {边界：0；}
。nonetest div {边界：无；}
div.setwidth {边框宽度：3px；}
div.setstyle {边框样式：破灭；}



边境：0和边框宽度：3px


边框：0和边框样式：虚线




边境：没有边界宽度：3px


边框：无和边框样式：虚线



感兴趣的朋友可以复制上面的代码并在浏览器中试用：
测试结果：
1，Zerotest.Setwidth。
Although border-width:3px is defined, border-style:none does not have a border (IE7 will display a 3 pixel border, which is related to border:0 parsing.The following will be said.
2、zerotest.setstyle。
边框样式：虚线定义，边框宽度：0没有边框。
3、nonetest.setwidth。
虽然边框宽度：3px定义边框样式：没有没有边界（在IE7没有边界）
4、nonetest.setstyle。
边框样式：虚线边框样式定义为默认值，中边框颜色为默认值是黑色的，所以它显示一个3像素的黑色虚线框（IE7是一个像素）。
综合1和4可以分析在IE7
边框：0被解析为边框宽度：0
边界：没有解析为边框样式：无
再看看标准浏览器
边框：0有多于边框：没有一个边框宽度：0，这就是为什么边框：没有比边框更高的性能：0。
因此，蜂房的设计建议使用边界：没有一个能实现非边界效应。