位置: 编程技术 - 正文
border:none与border:0使用区别
编辑：rootadmin一、border:noneborder-style的简写在chrome审查元素看到以下结果在firefox中用firebug查看元素会看到以下结果：注意这个medium值二、border:0border-width的简写在chrome审查元素看到以下结果在firefox中用firebug查看元素会看到以下结果：注意在firebug中border:none和border:0的区别下面举个例子来具体说明下有兴趣的朋友可以复制以上代码在这个浏览器试一试：测试结果：1、.zerotest .setwidth虽然定义了border-width:3px,但是border-style:none 所以无边框(IE7会显示3像素的边框，这跟border:0解析有关。下面会讲到)2、.zerotest .setstyle虽然定义了border-style: dashed,但是border-width:0 所以无边框3、.nonetest .setwidth虽然定义了border-width:3px,但是border-style:none 所以无边框(IE7下无边框)4、.nonetest .setstyle定义了border-style:dashed border-style为默认值medium border-color为默认值black 所以会显示3像素黑色的虚线框(IE7下为一像素)综合1、4可以分析出在IE7下border:0 被解析为 border-width:0border:none 被解析为 border-style:none再来看看标准浏览器border:0 比 border:none多渲染了一个border-width:0,也就是为什么border:none的性能要比border:0高所以设计蜂巢建议使用border:none来实现无边框效果 
本文链接地址:https://www.jiuchutong.com/biancheng/372095.html
转载请保留说明！
推荐整理分享border:none与border:0使用区别，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
html清除浮动的6种方法示例 使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于i
三个不常见的 HTML5 实用新特性简介 一、DNS预解析缓存众所周知，解析DNS是网站性能优化的比较重要的一部分，虽然加载时间不太长，但是很难压缩起来。特别是为了并发下载资源而使用
css代码优化的个技巧 1.ID规则2.Class规则3.标签规则4.通用规则对效率的普遍认识是从SteveSouders在年出版的《高性能网站建设进阶指南》开始，虽然该书中罗列的更加详细，
