【前端学习 - 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”时,所有浏览器都一致把边框隐藏。


 

猜你喜欢

转载自blog.csdn.net/weixin_60364883/article/details/123055332