概述

輪廓線是圍繞邊界外部的元素的線。與 border 相比，輪廓在盒子模型中不佔用任何空間。因此，向元素新增輪廓不會影響元素或其他元素的位置。

此外，在某些瀏覽器中，輪廓可以是非矩形的。如果 outline 應用於 span 元素，並且其中包含具有不同 font-size 屬性的文字，則會發生這種情況。與邊框不同，輪廓不能有圓角。

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

大綱的定義等同於邊界的定義：

輪廓是元素周圍的線。它顯示在元素的邊緣周圍。但是，它與 border 屬性不同。

outline: 1px solid black;