CSS轮廓属性outline 与 border 的区别

outline 属性是用于设置以下各个轮廓属性的简写属性：

• outline-width
• outline-style（必需）
• outline-color

outline: outline-width outline-styleoutline-color;

轮廓（outline）与边框（border）的区别：

• border 可应用于几乎所有有形的 html 元素，而 outline 是针对链接、表单控件和 ImageMap 等元素设计。
• outline 的效果将随元素的 focus 而自动出现，相应的由 blur 而自动消失。这些都是浏览器的默认行为，无需 JavaScript 配合 CSS 来控制。
• outline 是不占空间的，不会像 border 那样影响元素的尺寸或者位置，既不会增加额外的 width 或者 height（这样不会导致浏览器渲染时出现 reflow 或是 repaint ）。