Je crois que cette question a été posée par de nombreuses personnes sur Internet, et elle a été à nouveau discutée récemment. Je voudrais enregistrer ma compréhension personnelle. La différence entre border:none et border:0; , les performances théoriques. La deuxième différence est la différence de compatibilité des navigateurs.
Différences de performances :
[border:0;] Bien que les pixels définis sur "0" pour la bordure ne soient pas visibles sur la page, selon la valeur par défaut de la bordure, le navigateur restitue toujours la largeur/la couleur de la bordure, c'est-à-dire la la valeur de la mémoire a été occupée.
[border:none;] Définissez la bordure sur "none", ce qui signifie qu'il n'y a pas de bordure. Lorsque le navigateur analyse "none", il n'effectuera pas d'actions de rendu, c'est-à-dire qu'il ne consommera pas de valeurs de mémoire.
Différences de compatibilité :
La différence de compatibilité s'applique uniquement aux navigateurs IE6, IE7 et aux boutons et entrées d'étiquette. Cette situation se produira sous le thème XP de Win, Win7 et Vista.
[border:none;] Lorsque border est "none", il semble que la bordure non valide pour IE6/7 existe toujours, comme le montre l'exemple suivant Demo1 :
[border:0;] Lorsque border est "0", cela semble plus efficace que "aucun". Tous les navigateurs masquent la bordure de manière uniforme, comme le montre l'exemple suivant Demo2 :
Résumer :
En comparant border:0; et border:none;, la différence réside dans le rendu et l'absence de rendu. Je pense qu'ils ont une relation similaire avec display:none; et visible:hidden;. de l'attribut border. Bien que l'on pense qu'il existe une différence dans les performances de rendu, cela ne peut être considéré que comme théorique.
Comment rendre border:none entièrement compatible ? Ajoutez simplement l'attribut background au même sélecteur, comme indiqué dans l'exemple suivant Demo3 :
Concernant border:0; et border:none;, je préfère personnellement utiliser border:none;, car border:none; n'est après tout pas controversé en termes de consommation de performances, et la compatibilité peut être résolue avec les attributs d'arrière-plan et n'est pas un obstacle. .