外輪廓outline在頁面中呈現(xiàn)的效果和邊框border呈現(xiàn)的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網(wǎng)頁布局空間，不一定是矩形，外輪廓是屬于一種動態(tài)樣式，只有元素獲取到焦點或者被激活時呈現(xiàn)。

outline屬性早在CSS2中就出現(xiàn)了，主要是用來在元素周圍繪制一條輪廓線，可以起到突出元素的作用。但是并未得到各主流瀏覽器的廣泛支持，在CSS3中對outline作了一定的擴展，在以前的基礎上增加新特性。outline屬性的基本語法如下：

outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit

從語法中可以看出outline和border邊框屬性的使用方法極其類似。outline-color相當于border-color、outline-style相當于border-style，而outline-width相當于border-width，只不過CSS3給outline屬性增加了一個outline-offset屬性，其取值說明如下。