outline屬性

outline(輪廓)用於設置元素周圍的一條線，用於元素邊框的外圍，可起到突出元素的做用。

 

outline屬性全部瀏覽器都支持，若是規定了 !DOCTYPE，則 IE8 支持 outline 屬性。

outline屬性不會佔用空間，也不必定是矩形。

outline的值的順序：outline:outline-color,outline-style,outline-width;請始終在outline-color以前設置outline-style,元素只有先得到輪廓才能設置他的顏色。當設置爲none時，則不顯示輪廓線。

一、outline-color:invert(默認，執行顏色反轉（逆向的顏色）。可以使輪廓在不一樣的背景顏色中都是可見。)｜顏色名稱(red)｜十六進制(#fff)｜rgb(rgb(255,0,0))｜inherit;

二、outline-style:值以下：

值	描述
none	默認。定義無輪廓。
dotted	定義點狀的輪廓。
dashed	定義虛線輪廓。
solid	定義實線輪廓。
double	定義雙線輪廓。雙線的寬度等同於 outline-width 的值。
groove	定義 3D 凹槽輪廓。此效果取決於 outline-color 值。
ridge	定義 3D 凸槽輪廓。此效果取決於 outline-color 值。
inset	定義 3D 凹邊輪廓。此效果取決於 outline-color 值。
outset	定義 3D 凸邊輪廓。此效果取決於 outline-color 值。
inherit	規定應該從父元素繼承輪廓樣式的設置。

效果以下：

3.outline-width:

值描述thin規定細輪廓。medium默認。規定中等的輪廓。thick規定粗的輪廓。length容許您規定輪廓粗細的值(如5px)。inherit規定應該從父元素繼承輪廓寬度的設置。