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