2019独角兽企业重金招聘Python工程师标准>>>
border 可应用于几乎所有有形的html元素,而 outline 是针对链接、表单控件和ImageMap等元素设计。
从而另一个区别也可以推理出,那就是: outline 的效果将随元素的 focus 而自动出现,相应的由 blur 而自动消失。
这些都是浏览器的默认行为,无需JavaScript配合CSS来控制。
另外outline 不会象border那样影响元素的尺寸或者位置,outline不占据空间。
在使用border-radius时,border会跟随改变,outline确依然是一个矩形。