【前端学习 - CSS（21）border:none 与 border:0 】

1.border:none 与 border:0 的区别？

首先是性能差异：

• {border：0;}: 把 border 设置为 0 像素，虽然在页面上看不到，但是按 border默认值理解，浏览器依然对 border-width/border-color 进行了渲染，即已经占用内存值；
• {border：none；}被理解为 border-style:none。boder:0;比 border:none多渲染了一个border-width:0,也就是为什么 border:none 的性能要比 border:0高；

兼容性差异：

{border:none;}当 border 为“none”时似乎对 IE6/7 无效,边框依然存在,当 border 为“0”时，所有浏览器都一致把边框隐藏。