border:0与border:none的区别

效果

border-style:none; //无边框
border-width:0; //边框宽度为0px

区别

• 性能差异
  border:0; 浏览器对border-width、border-color进行渲染，占用内存。
  border:none; 浏览器不进行渲染，不占用内存。

• Chrome：
  border:none;>> border:initial none initial;
  border:0;>> border:0 initial initial ;

• Firefox、360：
  border:none; >>border:medium none;
  border:0;>> border:0 none;

• 计算出的样式：
  border:0px none 元素color属性值;

• 浏览器兼容
  IE7-不支持 border:none;
  W3C提示：请始终把border-style属性声明到border-color属性之前，元素必须在改变颜色之前获得边框。
  参考网站：https://segmentfault.com/q/1010000000694683/a-1020000001818777