outline和border的区别_CSS学习

资料来源：网络整理时间：2023/3/4 4:48:35 共计：3567 浏览

outline和border的区别？

1.border占用空间，outline不占用空间，不会影响元素的尺寸和位置。 2.border 可应用于几乎所有有形的html元素，而 outline 是针对链接、表单控件和ImageMap等元素设计。从而另一个区别也可以推理出，那就是： outline 的效果将随元素的 focus 而自动出现，相应的由 blur 而自动消失。这些都是浏览器的默认行为，无需JavaScript配合CSS来控制。利用这些特性，我们常用outline来设置悬停的动态效果。之前一直困扰我的问题：hover加边框会导致元素定位和大小的改变，同事也会影响其他元素位置的改变，现在终于解决了，虽然只是一个小的问题但是还是很开心的~

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：织梦仿站的详细流程_CSS学习 | ·下一条：css如何去除div高度_CSS学习