當元素獲得焦點時,焦點框為0。
比如用tab鍵切換當前網頁時,在文字鏈接、搜索框、按鈕等的外面會出現壹個虛線框(或者高亮框)。這時候當前元素就會獲得焦點,妳就可以操作了。
這個功能壹般是為使用鍵盤操作的用戶準備的。
對於壹些鏈接,比如壹個圖片鏈接,如果不想讓他有壹個破壞設計感的虛線框,可以用這個方法。
建議壹般不要去掉,只在壹些影響設計美感的地方使用。畢竟這個對焦框對鍵盤用戶很有幫助。
定義和用法
outline-style屬性用於設置元素的整個輪廓的樣式。樣式不能是無,否則輪廓不會出現。
輪廓是在元素周圍畫的線,位於邊框邊緣的外圍,可以起到突出元素的作用。outline屬性設置元素周圍的輪廓。
註意:總是在outline-color屬性之前聲明outline-style屬性。在獲得輪廓之前,元素不能改變其輪廓的顏色。
註意:輪廓不占空間,不壹定是長方形。
默認值:無
設定輪廓的樣式:
p
{
輪廓樣式:虛線;
}
瀏覽器支持
所有主流瀏覽器都支持輪廓樣式屬性。
只在規定中!DOCTYPE,Internet Explorer支持大綱樣式屬性。
可能的值
價值描述
無默認值。不定義輪廓。
虛線定義虛線輪廓。
虛線定義虛線輪廓。
實心定義實心輪廓。
Double定義雙線的輪廓。雙線的寬度等於outline-width的值。
凹槽定義三維凹槽輪廓。這種效果取決於輪廓顏色值。
脊定義三維凸槽輪廓。這種效果取決於輪廓顏色值。
插圖定義了壹個三維凹面輪廓。這種效果取決於輪廓顏色值。
開始定義3D凸邊輪廓。這種效果取決於輪廓顏色值。
Inherit指定縱斷面樣式設置應從父元素繼承。