css中outline和border的区别

相同点：两者都是为一个元素添加边框

区别：

outline：

1、设置时属性为color style width

2、不占据空间，不影响元素本身的尺寸和位置，这样不会导致浏览器渲染时出现 reflow 或是 repaint 

 3、在2的基础上，针对链接、表单控件和 ImageMap 等元素设计。

border：

1、设置时属性为width style color

2、影响元素本身的尺寸和位置

           

 3、border 可应用于几乎所有有形的 html 元素