概述

轮廓线是围绕边界外部的元素的线。与 border 相比，轮廓在盒子模型中不占用任何空间。因此，向元素添加轮廓不会影响元素或其他元素的位置。

此外，在某些浏览器中，轮廓可以是非矩形的。如果 outline 应用于 span 元素，并且其中包含具有不同 font-size 属性的文本，则会发生这种情况。与边框不同，轮廓不能有圆角。

outline 的主要部分是 outline-color，outline-style 和 outline-width。

大纲的定义等同于边界的定义：

轮廓是元素周围的线。它显示在元素的边缘周围。但是，它与 border 属性不同。

outline: 1px solid black;