(outline)輪廓線是在元素（例如按鈕，活動(dòng)表單域等）的邊框邊緣外部繪制的一條線，以使其突出。
輪廓通常用于突出顯示元素。輪廓一眼看上去與邊框非常相似，但在以下方面與邊框有所不同：
輪廓不占用空間，因?yàn)樗鼈兪冀K放置在元素框的頂部，這可能導(dǎo)致它們與頁(yè)面上的其他元素重疊。
與邊框不同，輪廓不允許我們將每個(gè)邊緣設(shè)置為不同的寬度，也不能為每個(gè)邊緣設(shè)置不同的顏色和樣式。輪廓在所有方面都是相同的。
輪廓除了重疊之外，對(duì)周?chē)脑貨](méi)有任何影響。
與邊框不同，輪廓不會(huì)更改元素的大小或位置。
輪廓可能不是矩形的。
注意：如果將輪廓放在元素上，則它將在網(wǎng)頁(yè)上占用相同的空間，就好像您對(duì)該元素沒(méi)有輪廓一樣。
outline-width屬性指定要添加到元素上的輪廓的寬度。它的值應(yīng)該是一個(gè)CSS長(zhǎng)度（px，pt，em等）或允許的關(guān)鍵字之一，但百分比或負(fù)值是不允許的。就像border-width財(cái)產(chǎn)一樣。
p {
outline-width: thick;
}測(cè)試看看?/?注意：如果outline-width缺少或未指定的值，則將使用的默認(rèn)值（medium）代替。
該outline-style屬性設(shè)置樣式輪廓，如：solid，dotted等等。
該屬性可采取以下值之一：none，hidden，dashed，dotted，double，groove，inset，outset，ridge和solid。就像border-style值一樣。
none: 沒(méi)有定義輪廓。
dotted: 定義虛線輪廓
dashed: 定義虛線輪廓
solid: 定義一個(gè)堅(jiān)實(shí)的輪廓
double:定義兩個(gè)輪廓。兩個(gè)輪廓的寬度與輪廓寬度值相同
groove:定義3D溝槽輪廓。效果取決于輪廓顏色值
ridge:定義3D脊形輪廓。效果取決于輪廓顏色值
inset:定義3D插入輪廓。效果取決于輪廓顏色值
outset:定義3D起始輪廓。效果取決于輪廓顏色值
p {
outline-style: double;
}測(cè)試看看?/?outline-color屬性設(shè)置輪廓的顏色。
p {
outline-style: solid;
outline-color: #0000ff;
}測(cè)試看看?/?您也可以將設(shè)置outline-color為transparent。
注意：outline-color如果單獨(dú)使用該屬性，則該屬性將不起作用。使用outline-style屬性首先設(shè)置輪廓。
CSS outline屬性是設(shè)置一個(gè)或多個(gè)單獨(dú)的輪廓屬性的速記簡(jiǎn)寫(xiě)屬性outline-style，outline-width并outline-color在一個(gè)單一的規(guī)則。
p {
outline: 5px solid #9acd32;
}測(cè)試看看?/?如果在設(shè)置輪廓速記屬性時(shí)忽略或未指定單個(gè)輪廓屬性的值，outline則將使用該屬性的默認(rèn)值（如果有的話）。
注意：outline-color在設(shè)置元素的輪廓時(shí)，如果缺少屬性值或未指定屬性值（例如outline: 5px solid;），則該元素的color屬性將用作的值outline-color。
在下面的示例中，輪廓將為寬度為5px的黑色實(shí)線：
p {
color: black;
outline: 5px solid;
}測(cè)試看看?/?但是，在情況下outline-style，省略該值將不會(huì)顯示任何輪廓，因?yàn)閛utline-styleproperty 的默認(rèn)值為none。
在下面的示例中，將沒(méi)有輪廓：
p {
outline: 5px #00ff00;
}測(cè)試看看?/?警告： Internet Explorer 7和更早版本不支持該outline屬性。IE8 outline僅在<!DOCTYPE>指定a的情況下才支持該屬性。
該outline屬性被廣泛用于刪除活動(dòng)鏈接周?chē)奶摼€。
a, a:acive, a:focus {
outline: none; /* Works in Firefox, Chrome, IE8 and above */
}測(cè)試看看?/?