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

來源:互聯網
上載者:User
當元素獲得焦點的時候,焦點框為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 規定應該從父元素繼承輪廓樣式的設定。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.