0
点赞
收藏
分享

微信扫一扫

【前端学习 - CSS(21)border:none 与 border:0 】

跟着Damon写代码 2022-02-22 阅读 51
css

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


 

举报

相关推荐

CSS Border(边框)

CSS-border

css的border详解

CSS border-width

CSS之盒子边框border

css盒子模型——边框 border

0 条评论