CSS中關(guān)于outline:none的詳細(xì)介紹

當(dāng)元素獲得焦點(diǎn)的時(shí)候，焦點(diǎn)框?yàn)?.
比如說(shuō)當(dāng)前這個(gè)網(wǎng)頁(yè)，你用tab鍵切換的時(shí)候，文字鏈接、搜索框、按鈕等的外面會(huì)有一個(gè)虛線框（或高亮框），此時(shí)當(dāng)前的元素就獲得了焦點(diǎn)，你可以對(duì)它進(jìn)行操作。
這個(gè)功能一般是為使用鍵盤操作的用戶準(zhǔn)備的。
有些鏈接——比如一個(gè)圖片鏈接，你不想讓他出現(xiàn)虛線框破壞設(shè)計(jì)感，就可以用此方法。

建議一般不要去掉，只在一些影響設(shè)計(jì)美感的地方用。畢竟這個(gè)焦點(diǎn)框?qū)︽I盤用戶是很有幫助的。

定義和用法
outline-style 屬性用于設(shè)置元素的整個(gè)輪廓的樣式。樣式不能是 none，否則輪廓不會(huì)出現(xiàn)。

outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。outline 屬性設(shè)置元素周圍的輪廓線。

注釋：請(qǐng)始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。

注釋：輪廓線不會(huì)占據(jù)空間，也不一定是矩形。

默認(rèn)值： none

設(shè)置輪廓的樣式：

瀏覽器支持
所有主流瀏覽器都支持 outline-style 屬性。

只有在規(guī)定了 !DOCTYPE 時(shí)，Internet Explorer 才支持 outline-style 屬性。
可能的值
值 描述
none 默認(rèn)。定義無(wú)輪廓。
dotted 定義點(diǎn)狀的輪廓。
dashed 定義虛線輪廓。
solid 定義實(shí)線輪廓。
double 定義雙線輪廓。雙線的寬度等同于 outline-width 的值。
groove 定義 3D 凹槽輪廓。此效果取決于 outline-color 值。
ridge 定義 3D 凸槽輪廓。此效果取決于 outline-color 值。
inset 定義 3D 凹邊輪廓。此效果取決于 outline-color 值。
outset 定義 3D 凸邊輪廓。此效果取決于 outline-color 值。
inherit 規(guī)定應(yīng)該從父元素繼承輪廓樣式的設(shè)置。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com