Creo que muchas personas han hecho esta pregunta en Internet y se ha vuelto a discutir recientemente. Me gustaría registrar mi comprensión personal de la diferencia entre border:none y border:0; , el rendimiento teórico La segunda diferencia es la diferencia en la compatibilidad del navegador.
Diferencias de rendimiento:
[borde:0;] Aunque los píxeles establecidos en "0" para el borde no son visibles en la página, de acuerdo con el valor predeterminado del borde, el navegador aún representa el ancho/color del borde, es decir, el El valor de la memoria ha sido ocupado.
[borde: ninguno;] Establezca el borde en "ninguno", lo que significa que no hay borde. Cuando el navegador analiza "ninguno", no realizará acciones de representación, es decir, no consumirá valores de memoria.
Diferencias de compatibilidad:
La diferencia de compatibilidad solo se aplica a los navegadores IE6, IE7 y a los botones y entradas de etiquetas. Esta situación ocurrirá bajo el tema XP de win, win7 y vista.
[border:none;] Cuando el borde es "none", parece que el borde no válido para IE6/7 todavía existe, como se muestra en el siguiente ejemplo Demo1 :
[border:0;] Cuando el borde es "0", se siente más efectivo que "ninguno". Todos los navegadores ocultan el borde de manera uniforme, como se muestra en el siguiente ejemplo Demo2 :
Resumir :
Comparando border:0; y border:none;, la diferencia radica en renderizar y no renderizar. Siento que tienen una relación similar con display:none; sin embargo, no hay ninguna prueba para comparar el rendimiento de renderizado. del método de atributo de borde, aunque se cree que existe una diferencia en el rendimiento de representación, solo se puede decir que es teórico.
¿Cómo hacer que border:none; sea totalmente compatible? Simplemente agregue el atributo de fondo al mismo selector, como se muestra en el siguiente ejemplo Demo3 :
Con respecto a border:0; y border:none;, personalmente prefiero usar border:none;, porque después de todo, border:none no es controvertido en términos de consumo de rendimiento y la compatibilidad se puede resolver con atributos en segundo plano y no es un obstáculo. .