border是一个简写属性,即:
border:border-width border-style border-color;
平时写的时候可以不写齐三个属性,写其中一个或两个也是允许的,因为这样写,浏览器会设置这个缺少属性的默认值。
border:0;等价于:
border-width:0;
border-style:none;
border-color:value of color;/默认取该元素color的属性值/
border:none;等价于:
border-width:medium;
border-style:none;
border-color:value of color;
border:none;和border:0;的区别体现为两点:一个理论上的性能差异,而是浏览器兼容性差异。
性能差异:
【border:0;】把border设为0像素效果等于border-width:0;浏览器依然对border-width和borde-color进行了渲染,即已经占用了内存值。
【border:none;】把border设为none,实际效果等同于border-style:none;浏览器解析none时将不作渲染动作,即不会消耗内存值。
兼容性差异:
IE6、IE7中,border为none时,标签button、input边框依然存在。
解决方法:
input,button {border:none;background:none;}
或
input,button {border:0 none;}
或
input,button {border:0;}