概述

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

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

outline 的主要部分是 outline-coloroutline-styleoutline-width

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

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

outline: 1px solid black;