border:0; VS Border:none;

The difference between Border:none and border:0 is two points: one is the theoretical performance difference, the other is the difference of browser compatibility.

Performance differences:

"border:0;" set border to "0" pixel effect equals border-width:0, the browser still renders Border-width, Border-color, that is, the memory value has been occupied.

"Border:none;" set Border to "none", the actual effect is equivalent to Border-style:none, browser parsing "None" will not make rendering action, that is, the memory value will not be consumed.

Compatibility differences:

IE6, IE7, the label button, input border still exists when border is "none".

Workaround:

1,input,button{border:none;background:none;} It is said that this method theoretically no performance consumption, add background to achieve compatibility, do not need to occupy memory???

2,input,button{border:0 None; This method is better than the first method of achieving compatibility through background

3,input,button{border:0;} This method has the fewest characters, the amount of traffic saved in large projects, and I think this memory consumption of God horse drops can be compensated by other page optimizations.

border:0; VS Border:none;