Maison > interface Web > tutoriel CSS > Explication détaillée de la différence entre la bordure et le contour

Explication détaillée de la différence entre la bordure et le contour

高洛峰
Libérer: 2017-03-08 13:25:21
original
3025 Les gens l'ont consulté

border prend en charge le dimensionnement de la boîte : border-box. Lorsqu'il y a une bordure, la bordure est ajoutée et traitée en fonction de la marge précédente

le contour ne prend pas en charge le dimensionnement de la boîte : border-. box ; traite d'abord les marges, puis ajoute le contour, ce qui est quelque peu similaire à la mise à l'échelle (transform: scale(1.2);). Quelle que soit la taille du contour, le style n'affecte pas la mise en page.



Explication détaillée de la différence entre la bordure et le contour

Explication détaillée de la différence entre la bordure et le contour

contour avec Résumé de la différence entre border

Border peut être appliqué à presque tous les éléments HTML tangibles, tandis que le contour est conçu pour des éléments tels que les liens, les contrôles de formulaire et ImageMap. On peut donc également en déduire une autre différence, à savoir : l'effet de contour apparaîtra automatiquement avec le focus de l'élément, et disparaîtra automatiquement avec le flou. Ce sont les comportements par défaut du navigateur et ne nécessitent pas de contrôle JavaScript ou CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal