CSS中關於outline:none的詳細介紹

當元素獲得焦點的時候，焦點框為0.
比如說目前這個網頁，你用tab鍵切換的時候，文字連結、搜尋框、按鈕等的外面會有一個虛線框（或高亮框），此時目前的元素就獲得了焦點，你可以對它進行操作。
這個功能一般是為使用鍵盤操作的使用者準備的。
有些鏈接——比如一個圖片鏈接，你不想讓他出現虛線框破壞設計感，就可以用此方法。

建議一般不要去掉，只在一些影響設計美感的地方用。畢竟這個焦點框對鍵盤使用者是很有幫助的。

定義和用法
outline-style 屬性用於設定元素的整個輪廓的樣式。樣式不能是 none，否則輪廓不會出現。

outline （輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。 outline 屬性設定元素周圍的輪廓線。

註解：請一律在 outline-color 屬性之前宣告 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。

註解：輪廓線不會佔據空間，也不一定是矩形。

預設值： none

設定輪廓的樣式：

p
  {
  outline-style:dotted;
  }

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

只有在規定了 !DOCTYPE 時，Internet Explorer 才支援 outline-style 屬性。
可能的值
值 描述
none 預設。定義無輪廓。
dotted 定義點狀的輪廓。
dashed 定義虛線輪廓。
solid 定義實線輪廓。
double 定義雙線輪廓。雙線的寬度等同於 outline-width 的值。
groove 定義 3D 凹槽輪廓。此效果取決於 outline-color 值。
ridge 定義 3D 凸槽輪廓。此效果取決於 outline-color 值。
inset 定義 3D 凹邊輪廓。此效果取決於 outline-color 值。
outset 定義 3D 凸邊輪廓。此效果取決於 outline-color 值。
inherit 規定應該從父元素繼承輪廓樣式的設定。

以上是CSS中關於outline:none的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！