有時，Web設(shè)計(jì)者希望為按鈕，活動的表單元素一個輪廓線(outline)，用來突出顯示它們。輪廓線也是時常被忽視的界面元素，適當(dāng)?shù)夭僮魉軌蛱嵘龖?yīng)用程序的易用性，增強(qiáng)客戶體驗(yàn)，輪廓線與邊框的不同之處在于以下兩個方面：
1.輪廓線不占用任何空間(不影響元素的大小)。
2.輪廓線能夠不是矩形的。
 Css提供了outline-color,outline-style,outline-width以及一個簡寫的outline屬性來控制元素的輪廓線樣式。
 Outline-color屬性可接受所有表示顏色的屬性值，此外還可操作invert關(guān)鍵字，它表示將輪廓線區(qū)域下面的顏色實(shí)行反轉(zhuǎn)，outline-style可操作除hidden外所有border-style所操作的屬性值。outline-width可用的屬性值與border-width屬性的屬性值完全統(tǒng)一，outline屬性為科室模式，可同時包括三個樣式屬性。